#EEE2D2 + #EBD3BB + #E5C2A6 + #9E8E7E + #6CA5B6 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EEE2D2

Goose Yellow · Bisque · Peach Orange

HEX

#EEE2D2

RGB

rgb(238, 226, 210)

HSL

hsl(34, 45%, 88%)

HSB

hsb(34, 12%, 93%)

CMYK

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

Oklch

oklch(91.8% 0.025 75.3)

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

#EBD3BB

Goose Yellow · Wheat · Peach Orange

HEX

#EBD3BB

RGB

rgb(235, 211, 187)

HSL

hsl(30, 55%, 83%)

HSB

hsb(30, 20%, 92%)

CMYK

cmyk(0%, 10%, 20%, 8%)

Oklch

oklch(88.0% 0.042 67.2)

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

#E5C2A6

Apricot · BurlyWood · Peach Orange

HEX

#E5C2A6

RGB

rgb(229, 194, 166)

HSL

hsl(27, 55%, 77%)

HSB

hsb(27, 28%, 90%)

CMYK

cmyk(0%, 15%, 28%, 10%)

Oklch

oklch(83.7% 0.055 60.6)

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

#9E8E7E

Ginger · Gray · Warm Sun

HEX

#9E8E7E

RGB

rgb(158, 142, 126)

HSL

hsl(30, 14%, 56%)

HSB

hsb(30, 20%, 62%)

CMYK

cmyk(0%, 10%, 20%, 38%)

Oklch

oklch(65.6% 0.030 67.3)

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

#6CA5B6

Slate Blue · CadetBlue · Lake Green

HEX

#6CA5B6

RGB

rgb(108, 165, 182)

HSL

hsl(194, 34%, 57%)

HSB

hsb(194, 41%, 71%)

CMYK

cmyk(41%, 9%, 0%, 29%)

Oklch

oklch(68.9% 0.064 218.6)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EEE2D2

D3DFEE

Analogous

EED4D3

EEE2D2

ECEED3

Triadic

EEE2D2

D3EEE2

E2D3EE

Split-Comp.

EEE2D2

D3ECEE

D4D3EE

Tetradic

EEE2D2

D3EED4

D3DFEE

EED3EC

Contrast Matrix WCAG 2.1 Contrast

EEE2D2	EBD3BB	E5C2A6	9E8E7E	6CA5B6
—	1.1 Fail	1.3 Fail	2.5 Fail	2.1 Fail
1.1 Fail	—	1.2 Fail	2.2 Fail	1.9 Fail
1.3 Fail	1.2 Fail	—	1.9 Fail	1.6 Fail
2.5 Fail	2.2 Fail	1.9 Fail	—	1.2 Fail
2.1 Fail	1.9 Fail	1.6 Fail	1.2 Fail	—

White BG

1.3Fail

1.4Fail

1.7Fail

3.2AA Large

2.7Fail

Black BG

16.4AAA

14.6AAA

12.6AAA

6.6AA

7.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E9E9D6

E1E0C1

D6D6AD

979782

8585B2

Deuteranopia

EAEAD7

E2E4C2

D8DAAE

989983

817DB1

Tritanopia

EDD9DA

EAC5C6

E3B2B3

9D8586

6FAFAE

Achromatopsia

E4E4E4

D7D7D7

C9C9C9

919191

969696

Shades & Tints Shades & Tints

#EEE2D2

Dark

Light

#EBD3BB

Dark

Light

#E5C2A6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eee2d2;
  --color-2: #ebd3bb;
  --color-3: #e5c2a6;
  --color-4: #9e8e7e;
  --color-5: #6ca5b6;
}

SCSS

$color-1: #eee2d2;
$color-2: #ebd3bb;
$color-3: #e5c2a6;
$color-4: #9e8e7e;
$color-5: #6ca5b6;

TAILWIND

colors: {
  'brand-1': '#eee2d2',
  'brand-2': '#ebd3bb',
  'brand-3': '#e5c2a6',
  'brand-4': '#9e8e7e',
  'brand-5': '#6ca5b6',
}

RGB Array

[238, 226, 210], [235, 211, 187], [229, 194, 166], [158, 142, 126], [108, 165, 182]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EEE2D2, #EBD3BB, #E5C2A6, #9E8E7E, #6CA5B6 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: #eee2d2; --color-2: #ebd3bb; --color-3: #e5c2a6; --color-4: #9e8e7e; --color-5: #6ca5b6. 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