#E9DCA7 + #E8CAA7 + #C4B684 + #A9B884 + #998D63 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E9DCA7

Goose Yellow · Wheat · Lemon Cream

HEX

#E9DCA7

RGB

rgb(233, 220, 167)

HSL

hsl(48, 60%, 78%)

HSB

hsb(48, 28%, 91%)

CMYK

cmyk(0%, 6%, 28%, 9%)

Oklch

oklch(89.2% 0.070 95.9)

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

#E8CAA7

Goose Yellow · Wheat · Peach Orange

HEX

#E8CAA7

RGB

rgb(232, 202, 167)

HSL

hsl(32, 59%, 78%)

HSB

hsb(32, 28%, 91%)

CMYK

cmyk(0%, 13%, 28%, 9%)

Oklch

oklch(85.6% 0.058 71.2)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#C4B684

Ginger · Tan · Sunflower

HEX

#C4B684

RGB

rgb(196, 182, 132)

HSL

hsl(47, 35%, 64%)

HSB

hsb(47, 33%, 77%)

CMYK

cmyk(0%, 7%, 33%, 23%)

Oklch

oklch(77.6% 0.068 94.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#A9B884

Willow Green · DarkSeaGreen · Apple Green

HEX

#A9B884

RGB

rgb(169, 184, 132)

HSL

hsl(77, 27%, 62%)

HSB

hsb(77, 28%, 72%)

CMYK

cmyk(8%, 0%, 28%, 28%)

Oklch

oklch(75.8% 0.073 121.2)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#998D63

Ochre · Gray · Honey Gold

HEX

#998D63

RGB

rgb(153, 141, 99)

HSL

hsl(47, 21%, 49%)

HSB

hsb(47, 35%, 60%)

CMYK

cmyk(0%, 8%, 35%, 40%)

Oklch

oklch(64.3% 0.060 94.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E9DCA7

A5B3E9

Analogous

E9B9A5

E9DCA7

D4E9A5

Triadic

E9DCA7

A5E9DB

DBA5E9

Split-Comp.

E9DCA7

A5D4E9

B9A5E9

Tetradic

E9DCA7

A5E9B9

A5B3E9

E9A5D4

Contrast Matrix WCAG 2.1 Contrast

E9DCA7	E8CAA7	C4B684	A9B884	998D63
—	1.1 Fail	1.5 Fail	1.5 Fail	2.4 Fail
1.1 Fail	—	1.3 Fail	1.4 Fail	2.1 Fail
1.5 Fail	1.3 Fail	—	1.1 Fail	1.6 Fail
1.5 Fail	1.4 Fail	1.1 Fail	—	1.6 Fail
2.4 Fail	2.1 Fail	1.6 Fail	1.6 Fail	—

White BG

1.4Fail

1.6Fail

2.0Fail

2.1Fail

3.3AA Large

Black BG

15.3AAA

13.4AAA

10.4AAA

9.9AAA

6.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E3E3B4

DBDBAF

BEBE90

AFB091

94946D

Deuteranopia

E4E5B7

DDDFB2

BFC093

AFAE94

959570

Tritanopia

E8BEC0

E6B6B8

C39A9C

AA9B9D

987577

Achromatopsia

DADADA

CFCFCF

B4B4B4

AEAEAE

8C8C8C

Shades & Tints Shades & Tints

#E9DCA7

Dark

Light

#E8CAA7

Dark

Light

#C4B684

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e9dca7;
  --color-2: #e8caa7;
  --color-3: #c4b684;
  --color-4: #a9b884;
  --color-5: #998d63;
}

SCSS

$color-1: #e9dca7;
$color-2: #e8caa7;
$color-3: #c4b684;
$color-4: #a9b884;
$color-5: #998d63;

TAILWIND

colors: {
  'brand-1': '#e9dca7',
  'brand-2': '#e8caa7',
  'brand-3': '#c4b684',
  'brand-4': '#a9b884',
  'brand-5': '#998d63',
}

RGB Array

[233, 220, 167], [232, 202, 167], [196, 182, 132], [169, 184, 132], [153, 141, 99]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E9DCA7, #E8CAA7, #C4B684, #A9B884, #998D63 is ideal for: health products, baby brands, fresh-style blogs. 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: #e9dca7; --color-2: #e8caa7; --color-3: #c4b684; --color-4: #a9b884; --color-5: #998d63. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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