#EEE1C9 + #F7B497 + #D0A569 + #AAA74C + #7FA483 · dark - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EEE1C9

Goose Yellow · Bisque · Peach Orange

HEX

#EEE1C9

RGB

rgb(238, 225, 201)

HSL

hsl(39, 52%, 86%)

HSB

hsb(39, 16%, 93%)

CMYK

cmyk(0%, 5%, 16%, 7%)

Oklch

oklch(91.4% 0.035 82.9)

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

#F7B497

Apricot · BurlyWood · Peach Orange

HEX

#F7B497

RGB

rgb(247, 180, 151)

HSL

hsl(18, 86%, 78%)

HSB

hsb(18, 39%, 97%)

CMYK

cmyk(0%, 27%, 39%, 3%)

Oklch

oklch(82.5% 0.088 44.4)

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

#D0A569

Ginger · DarkSalmon · Warm Sun

HEX

#D0A569

RGB

rgb(208, 165, 105)

HSL

hsl(35, 52%, 61%)

HSB

hsb(35, 50%, 82%)

CMYK

cmyk(0%, 21%, 50%, 18%)

Oklch

oklch(74.8% 0.093 74.8)

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

#AAA74C

Autumn Sage · GoldenRod · Honey Gold

HEX

#AAA74C

RGB

rgb(170, 167, 76)

HSL

hsl(58, 38%, 48%)

HSB

hsb(58, 55%, 67%)

CMYK

cmyk(0%, 2%, 55%, 33%)

Oklch

oklch(71.2% 0.114 107.2)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#7FA483

Celadon · DarkSeaGreen · Olive Green

HEX

#7FA483

RGB

rgb(127, 164, 131)

HSL

hsl(126, 17%, 57%)

HSB

hsb(126, 23%, 64%)

CMYK

cmyk(23%, 0%, 20%, 36%)

Oklch

oklch(68.2% 0.063 147.7)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EEE1C9

C9D6EE

Analogous

EECEC9

EEE1C9

E8EEC9

Triadic

EEE1C9

C9EEE1

E1C9EE

Split-Comp.

EEE1C9

C9E8EE

CEC9EE

Tetradic

EEE1C9

C9EECE

C9D6EE

EEC9E8

Contrast Matrix WCAG 2.1 Contrast

EEE1C9	F7B497	D0A569	AAA74C	7FA483
—	1.4 Fail	1.8 Fail	1.9 Fail	2.2 Fail
1.4 Fail	—	1.3 Fail	1.4 Fail	1.6 Fail
1.8 Fail	1.3 Fail	—	1.1 Fail	1.2 Fail
1.9 Fail	1.4 Fail	1.1 Fail	—	1.1 Fail
2.2 Fail	1.6 Fail	1.2 Fail	1.1 Fail	—

White BG

1.3Fail

1.8Fail

2.3Fail

2.5Fail

2.8Fail

Black BG

16.2AAA

11.9AAA

9.3AAA

8.3AAA

7.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E8E8CF

DAD99E

BDBD78

A9A962

8F8F8B

Deuteranopia

E9EAD0

DEE3A0

C0C37B

A9A967

8D8A8D

Tritanopia

EDD3D4

F4A4A5

CE8386

AA7377

819193

Achromatopsia

E2E2E2

C5C5C5

ABABAB

9E9E9E

959595

Shades & Tints Shades & Tints

#EEE1C9

Dark

Light

#F7B497

Dark

Light

#D0A569

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eee1c9;
  --color-2: #f7b497;
  --color-3: #d0a569;
  --color-4: #aaa74c;
  --color-5: #7fa483;
}

SCSS

$color-1: #eee1c9;
$color-2: #f7b497;
$color-3: #d0a569;
$color-4: #aaa74c;
$color-5: #7fa483;

TAILWIND

colors: {
  'brand-1': '#eee1c9',
  'brand-2': '#f7b497',
  'brand-3': '#d0a569',
  'brand-4': '#aaa74c',
  'brand-5': '#7fa483',
}

RGB Array

[238, 225, 201], [247, 180, 151], [208, 165, 105], [170, 167, 76], [127, 164, 131]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #EEE1C9, #F7B497, #D0A569, #AAA74C, #7FA483 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: #eee1c9; --color-2: #f7b497; --color-3: #d0a569; --color-4: #aaa74c; --color-5: #7fa483. 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 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