#EDC0B9 + #E8D3CA + #EDE7DD + #EBF7F4 + #D8EBE6 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EDC0B9

Peach Pink · LightPink · Cherry Blossom

HEX

#EDC0B9

RGB

rgb(237, 192, 185)

HSL

hsl(8, 59%, 83%)

HSB

hsb(8, 22%, 93%)

CMYK

cmyk(0%, 19%, 22%, 7%)

Oklch

oklch(84.5% 0.053 28.5)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#E8D3CA

Apricot · LightGray · Peach Orange

HEX

#E8D3CA

RGB

rgb(232, 211, 202)

HSL

hsl(18, 39%, 85%)

HSB

hsb(18, 13%, 91%)

CMYK

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

Oklch

oklch(88.2% 0.027 44.7)

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

#EDE7DD

Goose Yellow · Beige · Peach Orange

HEX

#EDE7DD

RGB

rgb(237, 231, 221)

HSL

hsl(37, 31%, 90%)

HSB

hsb(37, 7%, 93%)

CMYK

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

Oklch

oklch(93.0% 0.015 80.7)

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

#EBF7F4

Jade · Lavender · Glacier Blue

HEX

#EBF7F4

RGB

rgb(235, 247, 244)

HSL

hsl(165, 43%, 95%)

HSB

hsb(165, 5%, 97%)

CMYK

cmyk(5%, 0%, 1%, 3%)

Oklch

oklch(96.6% 0.013 179.5)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#D8EBE6

Jade · Lavender · Glacier Blue

HEX

#D8EBE6

RGB

rgb(216, 235, 230)

HSL

hsl(164, 32%, 88%)

HSB

hsb(164, 8%, 92%)

CMYK

cmyk(8%, 0%, 2%, 8%)

Oklch

oklch(92.5% 0.021 178.3)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDC0B9

BAE6ED

Analogous

EDBACD

EDC0B9

EDDABA

Triadic

EDC0B9

BAEDC1

C1BAED

Split-Comp.

EDC0B9

BAEDDA

BACDED

Tetradic

EDC0B9

CDEDBA

BAE6ED

DABAED

Contrast Matrix WCAG 2.1 Contrast

EDC0B9	E8D3CA	EDE7DD	EBF7F4	D8EBE6
—	1.1 Fail	1.3 Fail	1.5 Fail	1.3 Fail
1.1 Fail	—	1.2 Fail	1.3 Fail	1.2 Fail
1.3 Fail	1.2 Fail	—	1.1 Fail	1.0 Fail
1.5 Fail	1.3 Fail	1.1 Fail	—	1.1 Fail
1.3 Fail	1.2 Fail	1.0 Fail	1.1 Fail	—

White BG

1.6Fail

1.4Fail

1.2Fail

1.1Fail

1.2Fail

Black BG

12.8AAA

14.6AAA

17.1AAA

19.1AAA

16.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DAD9BB

DFDFCC

EAEADF

F0F0F5

E0E0E7

Deuteranopia

DCDFBB

E0E2CD

EBEBE0

F0EFF5

DFDEE8

Tritanopia

EBBCBC

E7CECE

EDE1E2

ECF5F5

D9E8E8

Achromatopsia

CDCDCD

D8D8D8

E8E8E8

F3F3F3

E5E5E5

Shades & Tints Shades & Tints

#EDC0B9

Dark

Light

#E8D3CA

Dark

Light

#EDE7DD

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #edc0b9;
  --color-2: #e8d3ca;
  --color-3: #ede7dd;
  --color-4: #ebf7f4;
  --color-5: #d8ebe6;
}

SCSS

$color-1: #edc0b9;
$color-2: #e8d3ca;
$color-3: #ede7dd;
$color-4: #ebf7f4;
$color-5: #d8ebe6;

TAILWIND

colors: {
  'brand-1': '#edc0b9',
  'brand-2': '#e8d3ca',
  'brand-3': '#ede7dd',
  'brand-4': '#ebf7f4',
  'brand-5': '#d8ebe6',
}

RGB Array

[237, 192, 185], [232, 211, 202], [237, 231, 221], [235, 247, 244], [216, 235, 230]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDC0B9, #E8D3CA, #EDE7DD, #EBF7F4, #D8EBE6 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: #edc0b9; --color-2: #e8d3ca; --color-3: #ede7dd; --color-4: #ebf7f4; --color-5: #d8ebe6. 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