#EAE3C4 + #E9D4DA + #DCBEEA + #F7C7F7 + #FDD6C2 · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EAE3C4

Goose Yellow · Wheat · Lemon Cream

HEX

#EAE3C4

RGB

rgb(234, 227, 196)

HSL

hsl(49, 47%, 84%)

HSB

hsb(49, 16%, 92%)

CMYK

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

Oklch

oklch(91.3% 0.042 96.6)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#E9D4DA

Rouge · LightGray · Cherry Blossom

HEX

#E9D4DA

RGB

rgb(233, 212, 218)

HSL

hsl(343, 32%, 87%)

HSB

hsb(343, 9%, 91%)

CMYK

cmyk(0%, 9%, 6%, 9%)

Oklch

oklch(88.9% 0.025 358.3)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#DCBEEA

Lilac · LightGray · Lavender

HEX

#DCBEEA

RGB

rgb(220, 190, 234)

HSL

hsl(281, 51%, 83%)

HSB

hsb(281, 19%, 92%)

CMYK

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

Oklch

oklch(84.1% 0.068 315.0)

Traditional「Lilac」· Paint「Lavender」· Creative Lavender Dream

#F7C7F7

Mauve · Lavender · Lavender

HEX

#F7C7F7

RGB

rgb(247, 199, 247)

HSL

hsl(300, 75%, 87%)

HSB

hsb(300, 19%, 97%)

CMYK

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

Oklch

oklch(88.6% 0.083 326.2)

Traditional「Mauve」· Paint「Lavender」· Creative Rose Petal

#FDD6C2

Apricot · Bisque · Peach Orange

HEX

#FDD6C2

RGB

rgb(253, 214, 194)

HSL

hsl(20, 94%, 88%)

HSB

hsb(20, 23%, 99%)

CMYK

cmyk(0%, 15%, 23%, 1%)

Oklch

oklch(90.4% 0.051 48.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAE3C4

C3CAE9

Analogous

E9CFC3

EAE3C4

DDE9C3

Triadic

EAE3C4

C3E9E2

E2C3E9

Split-Comp.

EAE3C4

C3DDE9

CFC3E9

Tetradic

EAE3C4

C3E9CF

C3CAE9

E9C3DD

Contrast Matrix WCAG 2.1 Contrast

EAE3C4	E9D4DA	DCBEEA	F7C7F7	FDD6C2
—	1.1 Fail	1.3 Fail	1.1 Fail	1.0 Fail
1.1 Fail	—	1.2 Fail	1.0 Fail	1.0 Fail
1.3 Fail	1.2 Fail	—	1.1 Fail	1.2 Fail
1.1 Fail	1.0 Fail	1.1 Fail	—	1.1 Fail
1.0 Fail	1.0 Fail	1.2 Fail	1.1 Fail	—

White BG

1.3Fail

1.4Fail

1.7Fail

1.5Fail

1.3Fail

Black BG

16.3AAA

14.9AAA

12.6AAA

14.5AAA

15.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7CC

E0E0D9

CFCFDF

E2E2EB

ECECC7

Deuteranopia

E7E8CD

E1E3D8

D1D3DD

E5E9E9

EEF1C8

Tritanopia

EAD1D3

E8D7D7

DBD7D5

F5E2E0

FBCBCC

Achromatopsia

E2E2E2

DBDBDB

CCCCCC

DBDBDB

DFDFDF

Shades & Tints Shades & Tints

#EAE3C4

Dark

Light

#E9D4DA

Dark

Light

#DCBEEA

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eae3c4;
  --color-2: #e9d4da;
  --color-3: #dcbeea;
  --color-4: #f7c7f7;
  --color-5: #fdd6c2;
}

SCSS

$color-1: #eae3c4;
$color-2: #e9d4da;
$color-3: #dcbeea;
$color-4: #f7c7f7;
$color-5: #fdd6c2;

TAILWIND

colors: {
  'brand-1': '#eae3c4',
  'brand-2': '#e9d4da',
  'brand-3': '#dcbeea',
  'brand-4': '#f7c7f7',
  'brand-5': '#fdd6c2',
}

RGB Array

[234, 227, 196], [233, 212, 218], [220, 190, 234], [247, 199, 247], [253, 214, 194]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #EAE3C4, #E9D4DA, #DCBEEA, #F7C7F7, #FDD6C2 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: #eae3c4; --color-2: #e9d4da; --color-3: #dcbeea; --color-4: #f7c7f7; --color-5: #fdd6c2. 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