#EDE5C4 + #EDCDB2 + #EEB5A1 + #EE9D8F + #8C7B76 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EDE5C4

Goose Yellow · Bisque · Lemon Cream

HEX

#EDE5C4

RGB

rgb(237, 229, 196)

HSL

hsl(48, 53%, 85%)

HSB

hsb(48, 17%, 93%)

CMYK

cmyk(0%, 3%, 17%, 7%)

Oklch

oklch(92.0% 0.044 95.9)

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

#EDCDB2

Apricot · Wheat · Peach Orange

HEX

#EDCDB2

RGB

rgb(237, 205, 178)

HSL

hsl(27, 62%, 81%)

HSB

hsb(27, 25%, 93%)

CMYK

cmyk(0%, 14%, 25%, 7%)

Oklch

oklch(86.8% 0.051 62.2)

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

#EEB5A1

Apricot · BurlyWood · Peach Orange

HEX

#EEB5A1

RGB

rgb(238, 181, 161)

HSL

hsl(16, 69%, 78%)

HSB

hsb(16, 32%, 93%)

CMYK

cmyk(0%, 24%, 32%, 7%)

Oklch

oklch(82.0% 0.072 40.2)

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

#EE9D8F

Peach Pink · DarkSalmon · Coral Red

HEX

#EE9D8F

RGB

rgb(238, 157, 143)

HSL

hsl(9, 74%, 75%)

HSB

hsb(9, 40%, 93%)

CMYK

cmyk(0%, 34%, 40%, 7%)

Oklch

oklch(77.3% 0.100 30.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#8C7B76

Crimson · Gray · Warm Gray

HEX

#8C7B76

RGB

rgb(140, 123, 118)

HSL

hsl(14, 9%, 51%)

HSB

hsb(14, 16%, 55%)

CMYK

cmyk(0%, 12%, 16%, 45%)

Oklch

oklch(59.7% 0.022 37.0)

Traditional「Crimson」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDE5C4

C4CDED

Analogous

EDD1C4

EDE5C4

E1EDC4

Triadic

EDE5C4

C4EDE5

E5C4ED

Split-Comp.

EDE5C4

C4E1ED

D1C4ED

Tetradic

EDE5C4

C4EDD1

C4CDED

EDC4E1

Contrast Matrix WCAG 2.1 Contrast

EDE5C4	EDCDB2	EEB5A1	EE9D8F	8C7B76
—	1.2 Fail	1.4 Fail	1.7 Fail	3.2 AA Large
1.2 Fail	—	1.2 Fail	1.4 Fail	2.7 Fail
1.4 Fail	1.2 Fail	—	1.2 Fail	2.3 Fail
1.7 Fail	1.4 Fail	1.2 Fail	—	1.9 Fail
3.2 AA Large	2.7 Fail	2.3 Fail	1.9 Fail	—

White BG

1.3Fail

1.5Fail

1.8Fail

2.1Fail

4.0AA Large

Black BG

16.6AAA

14.0AAA

11.8AAA

9.9AAA

5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAE9CC

DFDFB9

D5D5A6

CBCA92

858477

Deuteranopia

EAEBCE

E1E3BA

D9DDA7

D0D693

868778

Tritanopia

EDD2D4

EBBEBF

EBAAAB

EA9596

8B7878

Achromatopsia

E4E4E4

D3D3D3

C4C4C4

B4B4B4

808080

Shades & Tints Shades & Tints

#EDE5C4

Dark

Light

#EDCDB2

Dark

Light

#EEB5A1

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ede5c4;
  --color-2: #edcdb2;
  --color-3: #eeb5a1;
  --color-4: #ee9d8f;
  --color-5: #8c7b76;
}

SCSS

$color-1: #ede5c4;
$color-2: #edcdb2;
$color-3: #eeb5a1;
$color-4: #ee9d8f;
$color-5: #8c7b76;

TAILWIND

colors: {
  'brand-1': '#ede5c4',
  'brand-2': '#edcdb2',
  'brand-3': '#eeb5a1',
  'brand-4': '#ee9d8f',
  'brand-5': '#8c7b76',
}

RGB Array

[237, 229, 196], [237, 205, 178], [238, 181, 161], [238, 157, 143], [140, 123, 118]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDE5C4, #EDCDB2, #EEB5A1, #EE9D8F, #8C7B76 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: #ede5c4; --color-2: #edcdb2; --color-3: #eeb5a1; --color-4: #ee9d8f; --color-5: #8c7b76. 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