#EBD1CA + #E6DADA + #DFE6E5 + #F2F5F4 + #FFFFF7 · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EBD1CA

Peach Pink · LightGray · Cherry Blossom

HEX

#EBD1CA

RGB

rgb(235, 209, 202)

HSL

hsl(13, 45%, 86%)

HSB

hsb(13, 14%, 92%)

CMYK

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

Oklch

oklch(88.0% 0.031 35.5)

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

#E6DADA

Peach Pink · LightGray · Cherry Blossom

HEX

#E6DADA

RGB

rgb(230, 218, 218)

HSL

hsl(0, 19%, 88%)

HSB

hsb(0, 5%, 90%)

CMYK

cmyk(0%, 5%, 5%, 10%)

Oklch

oklch(89.8% 0.013 17.4)

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

#DFE6E5

Jade · Lavender · Glacier Blue

HEX

#DFE6E5

RGB

rgb(223, 230, 229)

HSL

hsl(171, 12%, 89%)

HSB

hsb(171, 3%, 90%)

CMYK

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

Oklch

oklch(91.9% 0.008 186.9)

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

#F2F5F4

Jade · SeaShell · Glacier Blue

HEX

#F2F5F4

RGB

rgb(242, 245, 244)

HSL

hsl(160, 13%, 95%)

HSB

hsb(160, 1%, 96%)

CMYK

cmyk(1%, 0%, 0%, 4%)

Oklch

oklch(96.8% 0.003 174.5)

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

#FFFFF7

Fresh Green · Snow · Lemon Cream

HEX

#FFFFF7

RGB

rgb(255, 255, 247)

HSL

hsl(60, 100%, 98%)

HSB

hsb(60, 3%, 100%)

CMYK

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

Oklch

oklch(99.8% 0.010 106.6)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBD1CA

CBE4EB

Analogous

EBCBD4

EBD1CA

EBE2CB

Triadic

EBD1CA

CBEBD2

D2CBEB

Split-Comp.

EBD1CA

CBEBE2

CBD4EB

Tetradic

EBD1CA

D4EBCB

CBE4EB

E2CBEB

Contrast Matrix WCAG 2.1 Contrast

EBD1CA	E6DADA	DFE6E5	F2F5F4	FFFFF7
—	1.1 Fail	1.1 Fail	1.3 Fail	1.4 Fail
1.1 Fail	—	1.1 Fail	1.2 Fail	1.4 Fail
1.1 Fail	1.1 Fail	—	1.2 Fail	1.3 Fail
1.3 Fail	1.2 Fail	1.2 Fail	—	1.1 Fail
1.4 Fail	1.4 Fail	1.3 Fail	1.1 Fail	—

White BG

1.4Fail

1.3Fail

1.1Fail

1.0Fail

Black BG

14.5AAA

15.4AAA

16.6AAA

19.1AAA

20.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E0E0CC

E1E1DA

E2E2E5

F3F3F4

FFFFF9

Deuteranopia

E1E3CC

E2E2DA

E2E1E5

F3F3F4

FFFFF9

Tritanopia

EACDCD

E5DADA

DFE5E5

F2F4F4

FFFAFB

Achromatopsia

D8D8D8

DEDEDE

E4E4E4

F4F4F4

FEFEFE

Shades & Tints Shades & Tints

#EBD1CA

Dark

Light

#E6DADA

Dark

Light

#DFE6E5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebd1ca;
  --color-2: #e6dada;
  --color-3: #dfe6e5;
  --color-4: #f2f5f4;
  --color-5: #fffff7;
}

SCSS

$color-1: #ebd1ca;
$color-2: #e6dada;
$color-3: #dfe6e5;
$color-4: #f2f5f4;
$color-5: #fffff7;

TAILWIND

colors: {
  'brand-1': '#ebd1ca',
  'brand-2': '#e6dada',
  'brand-3': '#dfe6e5',
  'brand-4': '#f2f5f4',
  'brand-5': '#fffff7',
}

RGB Array

[235, 209, 202], [230, 218, 218], [223, 230, 229], [242, 245, 244], [255, 255, 247]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #EBD1CA, #E6DADA, #DFE6E5, #F2F5F4, #FFFFF7 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: #ebd1ca; --color-2: #e6dada; --color-3: #dfe6e5; --color-4: #f2f5f4; --color-5: #fffff7. 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 cool-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