← Back to Editor

#E8DA9B · #E0D67D · #DCAA6D · #C67558 · #8D3742

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 Library

Color Details Color Details

#E8DA9B

Goose Yellow · Khaki · Lemon Cream

HEX
#E8DA9B
RGB
rgb(232, 218, 155)
HSL
hsl(49, 63%, 76%)
HSB
hsb(49, 33%, 91%)
CMYK
cmyk(0%, 6%, 33%, 9%)
Oklch
oklch(88.5% 0.082 97.1)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#E0D67D

Fresh Green · Khaki · Sunflower

HEX
#E0D67D
RGB
rgb(224, 214, 125)
HSL
hsl(54, 61%, 68%)
HSB
hsb(54, 44%, 88%)
CMYK
cmyk(0%, 4%, 44%, 12%)
Oklch
oklch(86.5% 0.111 102.8)

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

#DCAA6D

Ginger · DarkSalmon · Warm Sun

HEX
#DCAA6D
RGB
rgb(220, 170, 109)
HSL
hsl(33, 61%, 65%)
HSB
hsb(33, 50%, 86%)
CMYK
cmyk(0%, 23%, 50%, 14%)
Oklch
oklch(77.1% 0.098 71.1)

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

#C67558

Tangerine · Coral · Warm Sun

HEX
#C67558
RGB
rgb(198, 117, 88)
HSL
hsl(16, 49%, 56%)
HSB
hsb(16, 56%, 78%)
CMYK
cmyk(0%, 41%, 56%, 22%)
Oklch
oklch(64.4% 0.111 40.3)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#8D3742

Crimson · Brown · Wine Red

HEX
#8D3742
RGB
rgb(141, 55, 66)
HSL
hsl(352, 44%, 38%)
HSB
hsb(352, 61%, 55%)
CMYK
cmyk(0%, 61%, 53%, 45%)
Oklch
oklch(45.9% 0.117 15.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8DA9B
9BA9E8

Analogous

E8B49B
E8DA9B
D0E89B

Triadic

E8DA9B
9BE8DA
DA9BE8

Split-Comp.

E8DA9B
9BD0E8
B49BE8

Tetradic

E8DA9B
9BE8B4
9BA9E8
E89BD0

Contrast Matrix WCAG 2.1 Contrast

E8DA9B
E0D67D
DCAA6D
C67558
8D3742
—
1.1
Fail
1.5
Fail
2.5
Fail
5.4
AA
1.1
Fail
—
1.4
Fail
2.3
Fail
5.1
AA
1.5
Fail
1.4
Fail
—
1.6
Fail
3.6
AA Large
2.5
Fail
2.3
Fail
1.6
Fail
—
2.2
Fail
5.4
AA
5.1
AA
3.6
AA Large
2.2
Fail
—
White BG
1.4Fail
1.5Fail
2.1Fail
3.5AA Large
7.6AAA
Black BG
14.9AAA
14.1AAA
10.0AAA
6.1AA
2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E2AA
DCDC93
C6C67C
A3A25F
68673F

Deuteranopia

E3E4AE
DCDD98
C9CD7F
A8AE61
6D733F

Tritanopia

E7B6B9
DFA4A7
DA878A
C26566
893D3D

Achromatopsia

D7D7D7
CFCFCF
B2B2B2
8A8A8A
525252

Shades & Tints Shades & Tints

#E8DA9B

Dark
Light

#E0D67D

Dark
Light

#DCAA6D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8da9b;
  --color-2: #e0d67d;
  --color-3: #dcaa6d;
  --color-4: #c67558;
  --color-5: #8d3742;
}

SCSS

$color-1: #e8da9b;
$color-2: #e0d67d;
$color-3: #dcaa6d;
$color-4: #c67558;
$color-5: #8d3742;

TAILWIND

colors: {
  'brand-1': '#e8da9b',
  'brand-2': '#e0d67d',
  'brand-3': '#dcaa6d',
  'brand-4': '#c67558',
  'brand-5': '#8d3742',
}

RGB Array

[232, 218, 155], [224, 214, 125], [220, 170, 109], [198, 117, 88], [141, 55, 66]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E8DA9B, #E0D67D, #DCAA6D, #C67558, #8D3742 is ideal for: corporate websites, product showcases, portfolios. 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: #e8da9b; --color-2: #e0d67d; --color-3: #dcaa6d; --color-4: #c67558; --color-5: #8d3742. 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. 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