#EAB2C3 + #E0BCC1 + #CFB4AD + #D9CCB4 + #E2E8CE - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EAB2C3

Rouge · LightPink · Cherry Blossom

HEX

#EAB2C3

RGB

rgb(234, 178, 195)

HSL

hsl(342, 57%, 81%)

HSB

hsb(342, 24%, 92%)

CMYK

cmyk(0%, 24%, 17%, 8%)

Oklch

oklch(81.9% 0.068 358.7)

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

#E0BCC1

Peach Pink · LightPink · Cherry Blossom

HEX

#E0BCC1

RGB

rgb(224, 188, 193)

HSL

hsl(352, 37%, 81%)

HSB

hsb(352, 16%, 88%)

CMYK

cmyk(0%, 16%, 14%, 12%)

Oklch

oklch(82.8% 0.042 8.6)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#CFB4AD

Peach Pink · Silver · Coral Red

HEX

#CFB4AD

RGB

rgb(207, 180, 173)

HSL

hsl(12, 26%, 75%)

HSB

hsb(12, 16%, 81%)

CMYK

cmyk(0%, 13%, 16%, 19%)

Oklch

oklch(79.1% 0.033 34.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#D9CCB4

Goose Yellow · Silver · Peach Orange

HEX

#D9CCB4

RGB

rgb(217, 204, 180)

HSL

hsl(39, 33%, 78%)

HSB

hsb(39, 17%, 85%)

CMYK

cmyk(0%, 6%, 17%, 15%)

Oklch

oklch(84.9% 0.035 82.9)

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

#E2E8CE

Willow Green · LightGray · Mint Green

HEX

#E2E8CE

RGB

rgb(226, 232, 206)

HSL

hsl(74, 36%, 86%)

HSB

hsb(74, 11%, 91%)

CMYK

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

Oklch

oklch(91.9% 0.035 117.7)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAB2C3

B3EADA

Analogous

EAB3DF

EAB2C3

EABEB3

Triadic

EAB2C3

C4EAB3

B3C4EA

Split-Comp.

EAB2C3

B3EABE

B3DFEA

Tetradic

EAB2C3

DFEAB3

B3EADA

BEB3EA

Contrast Matrix WCAG 2.1 Contrast

EAB2C3	E0BCC1	CFB4AD	D9CCB4	E2E8CE
—	1.0 Fail	1.1 Fail	1.1 Fail	1.4 Fail
1.0 Fail	—	1.1 Fail	1.1 Fail	1.4 Fail
1.1 Fail	1.1 Fail	—	1.2 Fail	1.5 Fail
1.1 Fail	1.1 Fail	1.2 Fail	—	1.3 Fail
1.4 Fail	1.4 Fail	1.5 Fail	1.3 Fail	—

White BG

1.8Fail

1.7Fail

1.9Fail

1.6Fail

1.3Fail

Black BG

11.7AAA

12.1AAA

10.8AAA

13.2AAA

16.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D2D1BF

D0D0C0

C3C3AF

D3D3BA

E5E5D4

Deuteranopia

D5D9BE

D3D5C0

C5C7AF

D4D5BB

E4E4D6

Tritanopia

E7BCBB

DEBFBF

CEB0B0

D8BEBF

E2D9DA

Achromatopsia

C5C5C5

C7C7C7

BBBBBB

CDCDCD

E3E3E3

Shades & Tints Shades & Tints

#EAB2C3

Dark

Light

#E0BCC1

Dark

Light

#CFB4AD

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eab2c3;
  --color-2: #e0bcc1;
  --color-3: #cfb4ad;
  --color-4: #d9ccb4;
  --color-5: #e2e8ce;
}

SCSS

$color-1: #eab2c3;
$color-2: #e0bcc1;
$color-3: #cfb4ad;
$color-4: #d9ccb4;
$color-5: #e2e8ce;

TAILWIND

colors: {
  'brand-1': '#eab2c3',
  'brand-2': '#e0bcc1',
  'brand-3': '#cfb4ad',
  'brand-4': '#d9ccb4',
  'brand-5': '#e2e8ce',
}

RGB Array

[234, 178, 195], [224, 188, 193], [207, 180, 173], [217, 204, 180], [226, 232, 206]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EAB2C3, #E0BCC1, #CFB4AD, #D9CCB4, #E2E8CE 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: #eab2c3; --color-2: #e0bcc1; --color-3: #cfb4ad; --color-4: #d9ccb4; --color-5: #e2e8ce. 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