#E0A2B9 + #D7C3B6 + #CACCC2 + #BDD5CE + #B0DEDA - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E0A2B9

Rouge · LightPink · Cherry Blossom

HEX

#E0A2B9

RGB

rgb(224, 162, 185)

HSL

hsl(338, 50%, 76%)

HSB

hsb(338, 28%, 88%)

CMYK

cmyk(0%, 28%, 17%, 12%)

Oklch

oklch(77.8% 0.079 355.1)

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

#D7C3B6

Apricot · Silver · Peach Orange

HEX

#D7C3B6

RGB

rgb(215, 195, 182)

HSL

hsl(24, 29%, 78%)

HSB

hsb(24, 15%, 84%)

CMYK

cmyk(0%, 9%, 15%, 16%)

Oklch

oklch(83.0% 0.029 55.3)

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

#CACCC2

Willow Green · Silver · Pearl Gray

HEX

#CACCC2

RGB

rgb(202, 204, 194)

HSL

hsl(72, 9%, 78%)

HSB

hsb(72, 5%, 80%)

CMYK

cmyk(1%, 0%, 5%, 20%)

Oklch

oklch(84.1% 0.014 115.9)

Traditional「Willow Green」· Paint「Pearl Gray」· Creative Silver Lining

#BDD5CE

Jade · LightGray · Glacier Blue

HEX

#BDD5CE

RGB

rgb(189, 213, 206)

HSL

hsl(162, 22%, 79%)

HSB

hsb(162, 11%, 84%)

CMYK

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

Oklch

oklch(85.3% 0.027 176.2)

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

#B0DEDA

Jade · LightBlue · Glacier Blue

HEX

#B0DEDA

RGB

rgb(176, 222, 218)

HSL

hsl(175, 41%, 78%)

HSB

hsb(175, 21%, 87%)

CMYK

cmyk(21%, 0%, 2%, 13%)

Oklch

oklch(86.7% 0.048 189.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0A2B9

A3E0CA

Analogous

E0A3D8

E0A2B9

E0ABA3

Triadic

E0A2B9

BAE0A3

A3BAE0

Split-Comp.

E0A2B9

A3E0AB

A3D8E0

Tetradic

E0A2B9

D8E0A3

A3E0CA

ABA3E0

Contrast Matrix WCAG 2.1 Contrast

E0A2B9	D7C3B6	CACCC2	BDD5CE	B0DEDA
—	1.2 Fail	1.3 Fail	1.4 Fail	1.4 Fail
1.2 Fail	—	1.0 Fail	1.1 Fail	1.2 Fail
1.3 Fail	1.0 Fail	—	1.0 Fail	1.1 Fail
1.4 Fail	1.1 Fail	1.0 Fail	—	1.1 Fail
1.4 Fail	1.2 Fail	1.1 Fail	1.1 Fail	—

White BG

2.1Fail

1.7Fail

1.6Fail

1.5Fail

Black BG

10.0AAA

12.4AAA

12.9AAA

13.6AAA

14.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C5C5B3

CECEB9

CBCBC4

C7C8D0

C4C4DB

Deuteranopia

C9CDB2

D0D1BA

CBCBC5

C6C4D0

C1BEDB

Tritanopia

DDAFAE

D6BCBC

CAC6C7

BED1D1

B2DCDC

Achromatopsia

B7B7B7

C7C7C7

CACACA

CDCDCD

D0D0D0

Shades & Tints Shades & Tints

#E0A2B9

Dark

Light

#D7C3B6

Dark

Light

#CACCC2

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0a2b9;
  --color-2: #d7c3b6;
  --color-3: #caccc2;
  --color-4: #bdd5ce;
  --color-5: #b0deda;
}

SCSS

$color-1: #e0a2b9;
$color-2: #d7c3b6;
$color-3: #caccc2;
$color-4: #bdd5ce;
$color-5: #b0deda;

TAILWIND

colors: {
  'brand-1': '#e0a2b9',
  'brand-2': '#d7c3b6',
  'brand-3': '#caccc2',
  'brand-4': '#bdd5ce',
  'brand-5': '#b0deda',
}

RGB Array

[224, 162, 185], [215, 195, 182], [202, 204, 194], [189, 213, 206], [176, 222, 218]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E0A2B9, #D7C3B6, #CACCC2, #BDD5CE, #B0DEDA 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: #e0a2b9; --color-2: #d7c3b6; --color-3: #caccc2; --color-4: #bdd5ce; --color-5: #b0deda. 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