← Back to Editor

#E7E0B7 · #73594C · #472A2E · #31131D · #220919

dark

A 5-color dark 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

#E7E0B7

Fresh Green · Wheat · Lemon Cream

HEX
#E7E0B7
RGB
rgb(231, 224, 183)
HSL
hsl(51, 50%, 81%)
HSB
hsb(51, 21%, 91%)
CMYK
cmyk(0%, 3%, 21%, 9%)
Oklch
oklch(90.2% 0.054 99.3)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#73594C

Tangerine · DimGray · Amber Brown

HEX
#73594C
RGB
rgb(115, 89, 76)
HSL
hsl(20, 20%, 37%)
HSB
hsb(20, 34%, 45%)
CMYK
cmyk(0%, 23%, 34%, 55%)
Oklch
oklch(48.7% 0.040 47.9)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#472A2E

Crimson · DarkSlateGray · Wine Red

HEX
#472A2E
RGB
rgb(71, 42, 46)
HSL
hsl(352, 26%, 22%)
HSB
hsb(352, 41%, 28%)
CMYK
cmyk(0%, 41%, 35%, 72%)
Oklch
oklch(32.3% 0.044 10.8)

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

#31131D

Dark Violet · Black · Raspberry

HEX
#31131D
RGB
rgb(49, 19, 29)
HSL
hsl(340, 44%, 13%)
HSB
hsb(340, 61%, 19%)
CMYK
cmyk(0%, 61%, 41%, 81%)
Oklch
oklch(23.6% 0.050 0.6)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#220919

Rose Purple · Black · Raspberry

HEX
#220919
RGB
rgb(34, 9, 25)
HSL
hsl(322, 58%, 8%)
HSB
hsb(322, 74%, 13%)
CMYK
cmyk(0%, 74%, 26%, 87%)
Oklch
oklch(18.9% 0.049 343.6)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E7E0B7
B6BEE7

Analogous

E7C7B6
E7E0B7
D6E7B6

Triadic

E7E0B7
B6E7E0
E0B6E7

Split-Comp.

E7E0B7
B6D6E7
C7B6E7

Tetradic

E7E0B7
B6E7C7
B6BEE7
E7B6D6

Contrast Matrix WCAG 2.1 Contrast

E7E0B7
73594C
472A2E
31131D
220919
—
4.8
AA
9.6
AAA
12.7
AAA
14.0
AAA
4.8
AA
—
2.0
Fail
2.6
Fail
2.9
Fail
9.6
AAA
2.0
Fail
—
1.3
Fail
1.5
Fail
12.7
AAA
2.6
Fail
1.3
Fail
—
1.1
Fail
14.0
AAA
2.9
Fail
1.5
Fail
1.1
Fail
—
White BG
1.3Fail
6.4AA
12.8AAA
16.9AAA
18.7AAA
Black BG
15.7AAA
3.3AA Large
1.6Fail
1.2Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E4C1
68684F
3A3A2D
24241B
171715

Deuteranopia

E4E5C3
696B50
3C3E2D
26281A
191A14

Tritanopia

E7C9CA
725252
462C2C
301918
211211

Achromatopsia

DDDDDD
5F5F5F
333333
1D1D1D
121212

Shades & Tints Shades & Tints

#E7E0B7

Dark
Light

#73594C

Dark
Light

#472A2E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e7e0b7;
  --color-2: #73594c;
  --color-3: #472a2e;
  --color-4: #31131d;
  --color-5: #220919;
}

SCSS

$color-1: #e7e0b7;
$color-2: #73594c;
$color-3: #472a2e;
$color-4: #31131d;
$color-5: #220919;

TAILWIND

colors: {
  'brand-1': '#e7e0b7',
  'brand-2': '#73594c',
  'brand-3': '#472a2e',
  'brand-4': '#31131d',
  'brand-5': '#220919',
}

RGB Array

[231, 224, 183], [115, 89, 76], [71, 42, 46], [49, 19, 29], [34, 9, 25]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #E7E0B7, #73594C, #472A2E, #31131D, #220919 is ideal for: tech websites, dark mode UIs, game UIs, 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: #e7e0b7; --color-2: #73594c; --color-3: #472a2e; --color-4: #31131d; --color-5: #220919. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 dark-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