← Back to Editor

#E0DECF · #A0A37B · #5A381B · #302F2C · #1E1F25

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarmCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporateData Visualization

Color Details Color Details

#E0DECF

Fresh Green · LightGray · Lemon Cream

HEX
#E0DECF
RGB
rgb(224, 222, 207)
HSL
hsl(53, 22%, 85%)
HSB
hsb(53, 8%, 88%)
CMYK
cmyk(0%, 1%, 8%, 12%)
Oklch
oklch(89.8% 0.020 100.6)

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

#A0A37B

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#A0A37B
RGB
rgb(160, 163, 123)
HSL
hsl(64, 18%, 56%)
HSB
hsb(64, 25%, 64%)
CMYK
cmyk(2%, 0%, 25%, 36%)
Oklch
oklch(70.3% 0.056 111.3)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#5A381B

Tangerine · DarkOliveGreen · Cinnamon

HEX
#5A381B
RGB
rgb(90, 56, 27)
HSL
hsl(28, 54%, 23%)
HSB
hsb(28, 70%, 35%)
CMYK
cmyk(0%, 38%, 70%, 65%)
Oklch
oklch(37.5% 0.064 59.3)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#302F2C

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#302F2C
RGB
rgb(48, 47, 44)
HSL
hsl(45, 4%, 18%)
HSB
hsb(45, 8%, 19%)
CMYK
cmyk(0%, 2%, 8%, 81%)
Oklch
oklch(30.5% 0.005 91.6)

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

#1E1F25

Indigo · Black · Deep Sea Blue

HEX
#1E1F25
RGB
rgb(30, 31, 37)
HSL
hsl(231, 10%, 13%)
HSB
hsb(231, 19%, 15%)
CMYK
cmyk(19%, 16%, 0%, 85%)
Oklch
oklch(24.1% 0.012 278.0)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0DECF
D0D2E1

Analogous

E1D7D0
E0DECF
DBE1D0

Triadic

E0DECF
D0E1DF
DFD0E1

Split-Comp.

E0DECF
D0DBE1
D7D0E1

Tetradic

E0DECF
D0E1D7
D0D2E1
E1D0DB

Contrast Matrix WCAG 2.1 Contrast

E0DECF
A0A37B
5A381B
302F2C
1E1F25
—
1.9
Fail
7.7
AAA
9.9
AAA
12.1
AAA
1.9
Fail
—
4.0
AA Large
5.1
AA
6.3
AA
7.7
AAA
4.0
AA Large
—
1.3
Fail
1.6
Fail
9.9
AAA
5.1
AA
1.3
Fail
—
1.2
Fail
12.1
AAA
6.3
AA
1.6
Fail
1.2
Fail
—
White BG
1.4Fail
2.6Fail
10.4AAA
13.4AAA
16.4AAA
Black BG
15.5AAA
8.0AAA
2.0Fail
1.6Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DFDFD3
A1A185
4B4B22
30302D
1E1E24

Deuteranopia

DFDFD3
A1A187
4D5024
30302D
1E1E23

Tritanopia

E0D5D6
A08C8E
582829
302D2D
1E2222

Achromatopsia

DDDDDD
9E9E9E
3F3F3F
2F2F2F
1F1F1F

Shades & Tints Shades & Tints

#E0DECF

Dark
Light

#A0A37B

Dark
Light

#5A381B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0decf;
  --color-2: #a0a37b;
  --color-3: #5a381b;
  --color-4: #302f2c;
  --color-5: #1e1f25;
}

SCSS

$color-1: #e0decf;
$color-2: #a0a37b;
$color-3: #5a381b;
$color-4: #302f2c;
$color-5: #1e1f25;

TAILWIND

colors: {
  'brand-1': '#e0decf',
  'brand-2': '#a0a37b',
  'brand-3': '#5a381b',
  'brand-4': '#302f2c',
  'brand-5': '#1e1f25',
}

RGB Array

[224, 222, 207], [160, 163, 123], [90, 56, 27], [48, 47, 44], [30, 31, 37]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E0DECF, #A0A37B, #5A381B, #302F2C, #1E1F25 is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e0decf; --color-2: #a0a37b; --color-3: #5a381b; --color-4: #302f2c; --color-5: #1e1f25. 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 general-style 5-color scheme is especially suited for finance, legal, luxury industries. Restrained colors convey professionalism and trust. 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