← Back to Editor

#292722 · #DD970C · #E6B7A3 · #D98A6C · #AA3A22

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#292722

Ochre · DarkSlateGray · Dark Stone

HEX
#292722
RGB
rgb(41, 39, 34)
HSL
hsl(43, 9%, 15%)
HSB
hsb(43, 17%, 16%)
CMYK
cmyk(0%, 5%, 17%, 84%)
Oklch
oklch(27.3% 0.009 88.8)

Traditional「Ochre」· Paint「Dark Stone」· Creative Midnight Shadow

#DD970C

Ochre · GoldenRod · Honey Gold

HEX
#DD970C
RGB
rgb(221, 151, 12)
HSL
hsl(40, 90%, 46%)
HSB
hsb(40, 95%, 87%)
CMYK
cmyk(0%, 32%, 95%, 13%)
Oklch
oklch(72.8% 0.151 75.3)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#E6B7A3

Apricot · BurlyWood · Peach Orange

HEX
#E6B7A3
RGB
rgb(230, 183, 163)
HSL
hsl(18, 57%, 77%)
HSB
hsb(18, 29%, 90%)
CMYK
cmyk(0%, 20%, 29%, 10%)
Oklch
oklch(81.6% 0.061 44.2)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#D98A6C

Apricot · DarkSalmon · Warm Sun

HEX
#D98A6C
RGB
rgb(217, 138, 108)
HSL
hsl(17, 59%, 64%)
HSB
hsb(17, 50%, 85%)
CMYK
cmyk(0%, 36%, 50%, 15%)
Oklch
oklch(70.8% 0.106 41.5)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#AA3A22

Vermilion · Brown · Wine Red

HEX
#AA3A22
RGB
rgb(170, 58, 34)
HSL
hsl(11, 67%, 40%)
HSB
hsb(11, 80%, 67%)
CMYK
cmyk(0%, 66%, 80%, 33%)
Oklch
oklch(50.6% 0.152 33.7)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

292722
23252A

Analogous

2A2423
292722
282A23

Triadic

292722
232A28
28232A

Split-Comp.

292722
23282A
24232A

Tetradic

292722
232A24
23252A
2A2328

Contrast Matrix WCAG 2.1 Contrast

292722
DD970C
E6B7A3
D98A6C
AA3A22
—
6.0
AA
8.3
AAA
5.5
AA
2.4
Fail
6.0
AA
—
1.4
Fail
1.1
Fail
2.5
Fail
8.3
AAA
1.4
Fail
—
1.5
Fail
3.5
AA Large
5.5
AA
1.1
Fail
1.5
Fail
—
2.3
Fail
2.4
Fail
2.5
Fail
3.5
AA Large
2.3
Fail
—
White BG
14.9AAA
2.5Fail
1.8Fail
2.7Fail
6.3AA
Black BG
1.4Fail
8.5AAA
11.7AAA
7.8AAA
3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

282823
BFBE2E
D2D1A8
B7B673
7A7828

Deuteranopia

282824
C3C836
D4D8A9
BBC175
808829

Tritanopia

292424
DA484E
E4ACAD
D5797A
A42C2D

Achromatopsia

272727
9C9C9C
C3C3C3
9E9E9E
595959

Shades & Tints Shades & Tints

#292722

Dark
Light

#DD970C

Dark
Light

#E6B7A3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #292722;
  --color-2: #dd970c;
  --color-3: #e6b7a3;
  --color-4: #d98a6c;
  --color-5: #aa3a22;
}

SCSS

$color-1: #292722;
$color-2: #dd970c;
$color-3: #e6b7a3;
$color-4: #d98a6c;
$color-5: #aa3a22;

TAILWIND

colors: {
  'brand-1': '#292722',
  'brand-2': '#dd970c',
  'brand-3': '#e6b7a3',
  'brand-4': '#d98a6c',
  'brand-5': '#aa3a22',
}

RGB Array

[41, 39, 34], [221, 151, 12], [230, 183, 163], [217, 138, 108], [170, 58, 34]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #292722, #DD970C, #E6B7A3, #D98A6C, #AA3A22 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #292722; --color-2: #dd970c; --color-3: #e6b7a3; --color-4: #d98a6c; --color-5: #aa3a22. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This general-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color