#E3E3DB + #ECD5C3 + #FAABA9 + #CB7C88 + #A45C69 · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E3E3DB

Fresh Green · LightGray · Lemon Cream

HEX

#E3E3DB

RGB

rgb(227, 227, 219)

HSL

hsl(60, 12%, 87%)

HSB

hsb(60, 4%, 89%)

CMYK

cmyk(0%, 0%, 4%, 11%)

Oklch

oklch(91.4% 0.011 106.6)

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

#ECD5C3

Apricot · Wheat · Peach Orange

HEX

#ECD5C3

RGB

rgb(236, 213, 195)

HSL

hsl(26, 52%, 85%)

HSB

hsb(26, 17%, 93%)

CMYK

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

Oklch

oklch(88.7% 0.035 60.4)

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

#FAABA9

Peach Pink · LightPink · Cherry Blossom

HEX

#FAABA9

RGB

rgb(250, 171, 169)

HSL

hsl(1, 89%, 82%)

HSB

hsb(1, 32%, 98%)

CMYK

cmyk(0%, 32%, 32%, 2%)

Oklch

oklch(81.7% 0.094 20.9)

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

#CB7C88

Peach Pink · LightCoral · Coral Red

HEX

#CB7C88

RGB

rgb(203, 124, 136)

HSL

hsl(351, 43%, 64%)

HSB

hsb(351, 39%, 80%)

CMYK

cmyk(0%, 39%, 33%, 20%)

Oklch

oklch(67.3% 0.099 10.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#A45C69

Crimson · Gray · Passion Red

HEX

#A45C69

RGB

rgb(164, 92, 105)

HSL

hsl(349, 28%, 50%)

HSB

hsb(349, 44%, 64%)

CMYK

cmyk(0%, 44%, 36%, 36%)

Oklch

oklch(56.1% 0.095 9.0)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E3E3DB

DADAE2

Analogous

E2DEDA

E3E3DB

DEE2DA

Triadic

E3E3DB

DAE2E2

E2DAE2

Split-Comp.

E3E3DB

DADEE2

DEDAE2

Tetradic

E3E3DB

DAE2DE

DADAE2

E2DADE

Contrast Matrix WCAG 2.1 Contrast

E3E3DB	ECD5C3	FAABA9	CB7C88	A45C69
—	1.1 Fail	1.4 Fail	2.4 Fail	3.8 AA Large
1.1 Fail	—	1.3 Fail	2.2 Fail	3.4 AA Large
1.4 Fail	1.3 Fail	—	1.7 Fail	2.7 Fail
2.4 Fail	2.2 Fail	1.7 Fail	—	1.6 Fail
3.8 AA Large	3.4 AA Large	2.7 Fail	1.6 Fail	—

White BG

1.3Fail

1.4Fail

1.8Fail

3.1AA Large

4.9AA

Black BG

16.3AAA

14.9AAA

11.5AAA

6.8AA

4.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E3E3DD

E2E2C7

D8D7A9

A9A885

858466

Deuteranopia

E3E3DD

E3E5C8

DCE2AA

ADB384

898E65

Tritanopia

E3DEDF

EBCBCC

F6AAAA

C78382

A06363

Achromatopsia

E2E2E2

DADADA

C2C2C2

959595

737373

Shades & Tints Shades & Tints

#E3E3DB

Dark

Light

#ECD5C3

Dark

Light

#FAABA9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e3e3db;
  --color-2: #ecd5c3;
  --color-3: #faaba9;
  --color-4: #cb7c88;
  --color-5: #a45c69;
}

SCSS

$color-1: #e3e3db;
$color-2: #ecd5c3;
$color-3: #faaba9;
$color-4: #cb7c88;
$color-5: #a45c69;

TAILWIND

colors: {
  'brand-1': '#e3e3db',
  'brand-2': '#ecd5c3',
  'brand-3': '#faaba9',
  'brand-4': '#cb7c88',
  'brand-5': '#a45c69',
}

RGB Array

[227, 227, 219], [236, 213, 195], [250, 171, 169], [203, 124, 136], [164, 92, 105]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #E3E3DB, #ECD5C3, #FAABA9, #CB7C88, #A45C69 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: #e3e3db; --color-2: #ecd5c3; --color-3: #faaba9; --color-4: #cb7c88; --color-5: #a45c69. 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