#EDDFCE + #E6D8C5 + #E0CEB5 + #DCC6AD + #EBC5AC · warm - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EDDFCE

Goose Yellow · Bisque · Peach Orange

HEX

#EDDFCE

RGB

rgb(237, 223, 206)

HSL

hsl(33, 46%, 87%)

HSB

hsb(33, 13%, 93%)

CMYK

cmyk(0%, 6%, 13%, 7%)

Oklch

oklch(91.0% 0.027 72.8)

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

#E6D8C5

Goose Yellow · LightGray · Peach Orange

HEX

#E6D8C5

RGB

rgb(230, 216, 197)

HSL

hsl(35, 40%, 84%)

HSB

hsb(35, 14%, 90%)

CMYK

cmyk(0%, 6%, 14%, 10%)

Oklch

oklch(88.8% 0.030 75.7)

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

#E0CEB5

Goose Yellow · Wheat · Peach Orange

HEX

#E0CEB5

RGB

rgb(224, 206, 181)

HSL

hsl(35, 41%, 79%)

HSB

hsb(35, 19%, 88%)

CMYK

cmyk(0%, 8%, 19%, 12%)

Oklch

oklch(86.0% 0.039 76.1)

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

#DCC6AD

Goose Yellow · Silver · Peach Orange

HEX

#DCC6AD

RGB

rgb(220, 198, 173)

HSL

hsl(32, 40%, 77%)

HSB

hsb(32, 21%, 86%)

CMYK

cmyk(0%, 10%, 21%, 14%)

Oklch

oklch(83.8% 0.042 70.8)

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

#EBC5AC

Apricot · Wheat · Peach Orange

HEX

#EBC5AC

RGB

rgb(235, 197, 172)

HSL

hsl(24, 61%, 80%)

HSB

hsb(24, 27%, 92%)

CMYK

cmyk(0%, 16%, 27%, 8%)

Oklch

oklch(85.0% 0.055 55.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDDFCE

CFDCED

Analogous

EDD0CF

EDDFCE

ECEDCF

Triadic

EDDFCE

CFEDDF

DFCFED

Split-Comp.

EDDFCE

CFECED

D0CFED

Tetradic

EDDFCE

CFEDD0

CFDCED

EDCFEC

Contrast Matrix WCAG 2.1 Contrast

EDDFCE	E6D8C5	E0CEB5	DCC6AD	EBC5AC
—	1.1 Fail	1.2 Fail	1.3 Fail	1.2 Fail
1.1 Fail	—	1.1 Fail	1.2 Fail	1.1 Fail
1.2 Fail	1.1 Fail	—	1.1 Fail	1.0 Fail
1.3 Fail	1.2 Fail	1.1 Fail	—	1.0 Fail
1.2 Fail	1.1 Fail	1.0 Fail	1.0 Fail	—

White BG

1.3Fail

1.4Fail

1.5Fail

1.7Fail

1.6Fail

Black BG

16.0AAA

15.0AAA

13.7AAA

12.7AAA

13.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7D2

E0E0CA

D8D8BB

D2D2B3

DBDAB2

Deuteranopia

E8E9D3

E1E2CB

D9DBBD

D4D5B5

DDE0B4

Tritanopia

ECD5D6

E5CDCE

DFC0C1

DBB8B9

E9B7B8

Achromatopsia

E1E1E1

DADADA

D1D1D1

CACACA

CECECE

Shades & Tints Shades & Tints

#EDDFCE

Dark

Light

#E6D8C5

Dark

Light

#E0CEB5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eddfce;
  --color-2: #e6d8c5;
  --color-3: #e0ceb5;
  --color-4: #dcc6ad;
  --color-5: #ebc5ac;
}

SCSS

$color-1: #eddfce;
$color-2: #e6d8c5;
$color-3: #e0ceb5;
$color-4: #dcc6ad;
$color-5: #ebc5ac;

TAILWIND

colors: {
  'brand-1': '#eddfce',
  'brand-2': '#e6d8c5',
  'brand-3': '#e0ceb5',
  'brand-4': '#dcc6ad',
  'brand-5': '#ebc5ac',
}

RGB Array

[237, 223, 206], [230, 216, 197], [224, 206, 181], [220, 198, 173], [235, 197, 172]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #EDDFCE, #E6D8C5, #E0CEB5, #DCC6AD, #EBC5AC 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: #eddfce; --color-2: #e6d8c5; --color-3: #e0ceb5; --color-4: #dcc6ad; --color-5: #ebc5ac. 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 warm-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