#D5E6DF + #F0E8E1 + #EED9D5 + #EBCBC8 + #E9BCBC - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D5E6DF

Jade · LightGray · Mint Green

HEX

#D5E6DF

RGB

rgb(213, 230, 223)

HSL

hsl(155, 25%, 87%)

HSB

hsb(155, 7%, 90%)

CMYK

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

Oklch

oklch(91.0% 0.020 169.3)

Traditional「Jade」· Paint「Mint Green」· Creative Arctic Pool

#F0E8E1

Apricot · Linen · Peach Orange

HEX

#F0E8E1

RGB

rgb(240, 232, 225)

HSL

hsl(28, 33%, 91%)

HSB

hsb(28, 6%, 94%)

CMYK

cmyk(0%, 3%, 6%, 6%)

Oklch

oklch(93.5% 0.013 63.9)

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

#EED9D5

Peach Pink · Bisque · Cherry Blossom

HEX

#EED9D5

RGB

rgb(238, 217, 213)

HSL

hsl(10, 42%, 88%)

HSB

hsb(10, 11%, 93%)

CMYK

cmyk(0%, 9%, 11%, 7%)

Oklch

oklch(90.1% 0.024 30.5)

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

#EBCBC8

Peach Pink · Pink · Cherry Blossom

HEX

#EBCBC8

RGB

rgb(235, 203, 200)

HSL

hsl(5, 47%, 85%)

HSB

hsb(5, 15%, 92%)

CMYK

cmyk(0%, 14%, 15%, 8%)

Oklch

oklch(86.8% 0.036 24.2)

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

#E9BCBC

Peach Pink · LightPink · Cherry Blossom

HEX

#E9BCBC

RGB

rgb(233, 188, 188)

HSL

hsl(0, 51%, 83%)

HSB

hsb(0, 19%, 91%)

CMYK

cmyk(0%, 19%, 19%, 9%)

Oklch

oklch(83.5% 0.052 18.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D5E6DF

E6D6DC

Analogous

D6E6D7

D5E6DF

D6E5E6

Triadic

D5E6DF

DFD6E6

E6DFD6

Split-Comp.

D5E6DF

E6D6E5

E6D7D6

Tetradic

D5E6DF

D7D6E6

E6D6DC

E5E6D6

Contrast Matrix WCAG 2.1 Contrast

D5E6DF	F0E8E1	EED9D5	EBCBC8	E9BCBC
—	1.1 Fail	1.0 Fail	1.2 Fail	1.3 Fail
1.1 Fail	—	1.1 Fail	1.2 Fail	1.4 Fail
1.0 Fail	1.1 Fail	—	1.1 Fail	1.3 Fail
1.2 Fail	1.2 Fail	1.1 Fail	—	1.1 Fail
1.3 Fail	1.4 Fail	1.3 Fail	1.1 Fail	—

White BG

1.3Fail

1.2Fail

1.4Fail

1.5Fail

1.7Fail

Black BG

16.2AAA

17.3AAA

15.5AAA

13.9AAA

12.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDDE1

EDECE3

E5E5D6

DDDDC9

D6D5BC

Deuteranopia

DBDAE1

EDEEE3

E6E8D6

DFE1C9

D8DCBC

Tritanopia

D6E2E2

F0E4E4

EDD7D7

E9C9C9

E7BCBC

Achromatopsia

E0E0E0

EAEAEA

DFDFDF

D4D4D4

C9C9C9

Shades & Tints Shades & Tints

#D5E6DF

Dark

Light

#F0E8E1

Dark

Light

#EED9D5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d5e6df;
  --color-2: #f0e8e1;
  --color-3: #eed9d5;
  --color-4: #ebcbc8;
  --color-5: #e9bcbc;
}

SCSS

$color-1: #d5e6df;
$color-2: #f0e8e1;
$color-3: #eed9d5;
$color-4: #ebcbc8;
$color-5: #e9bcbc;

TAILWIND

colors: {
  'brand-1': '#d5e6df',
  'brand-2': '#f0e8e1',
  'brand-3': '#eed9d5',
  'brand-4': '#ebcbc8',
  'brand-5': '#e9bcbc',
}

RGB Array

[213, 230, 223], [240, 232, 225], [238, 217, 213], [235, 203, 200], [233, 188, 188]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D5E6DF, #F0E8E1, #EED9D5, #EBCBC8, #E9BCBC 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: #d5e6df; --color-2: #f0e8e1; --color-3: #eed9d5; --color-4: #ebcbc8; --color-5: #e9bcbc. 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