#E2C2D3 + #FFF8DB + #BD7D93 + #C1D1CD + #EAD3C9 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E2C2D3

Mauve · LightGray · Cherry Blossom

HEX

#E2C2D3

RGB

rgb(226, 194, 211)

HSL

hsl(328, 36%, 82%)

HSB

hsb(328, 14%, 89%)

CMYK

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

Oklch

oklch(84.6% 0.043 344.8)

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

#FFF8DB

Goose Yellow · LightYellow · Lemon Cream

HEX

#FFF8DB

RGB

rgb(255, 248, 219)

HSL

hsl(48, 100%, 93%)

HSB

hsb(48, 14%, 100%)

CMYK

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

Oklch

oklch(97.7% 0.039 95.8)

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

#BD7D93

Rouge · DarkGray · Rose Pink

HEX

#BD7D93

RGB

rgb(189, 125, 147)

HSL

hsl(339, 33%, 62%)

HSB

hsb(339, 34%, 74%)

CMYK

cmyk(0%, 34%, 22%, 26%)

Oklch

oklch(66.2% 0.084 357.4)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#C1D1CD

Jade · LightGray · Glacier Blue

HEX

#C1D1CD

RGB

rgb(193, 209, 205)

HSL

hsl(165, 15%, 79%)

HSB

hsb(165, 8%, 82%)

CMYK

cmyk(8%, 0%, 2%, 18%)

Oklch

oklch(84.7% 0.018 179.2)

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

#EAD3C9

Apricot · LightGray · Peach Orange

HEX

#EAD3C9

RGB

rgb(234, 211, 201)

HSL

hsl(18, 44%, 85%)

HSB

hsb(18, 14%, 92%)

CMYK

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

Oklch

oklch(88.3% 0.029 45.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E2C2D3

C1E2D0

Analogous

E1C1E2

E2C2D3

E2C1C2

Triadic

E2C2D3

D2E2C1

C1D2E2

Split-Comp.

E2C2D3

C2E2C1

C1E2E1

Tetradic

E2C2D3

E2E1C1

C1E2D0

C1C2E2

Contrast Matrix WCAG 2.1 Contrast

E2C2D3	FFF8DB	BD7D93	C1D1CD	EAD3C9
—	1.5 Fail	2.0 Fail	1.0 Fail	1.1 Fail
1.5 Fail	—	3.0 AA Large	1.5 Fail	1.3 Fail
2.0 Fail	3.0 AA Large	—	2.0 Fail	2.2 Fail
1.0 Fail	1.5 Fail	2.0 Fail	—	1.1 Fail
1.1 Fail	1.3 Fail	2.2 Fail	1.1 Fail	—

White BG

1.6Fail

1.1Fail

3.2AA Large

1.6Fail

1.4Fail

Black BG

12.9AAA

19.7AAA

6.5AA

13.3AAA

14.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D4D4CF

FCFCE2

A1A18E

C8C8CE

E0E0CB

Deuteranopia

D6D8CE

FCFDE4

A5AA8C

C7C6CE

E1E3CC

Tritanopia

E0CCCB

FFE8E9

BA8989

C2CFCF

E9CDCE

Achromatopsia

CECECE

F7F7F7

939393

CCCCCC

D9D9D9

Shades & Tints Shades & Tints

#E2C2D3

Dark

Light

#FFF8DB

Dark

Light

#BD7D93

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e2c2d3;
  --color-2: #fff8db;
  --color-3: #bd7d93;
  --color-4: #c1d1cd;
  --color-5: #ead3c9;
}

SCSS

$color-1: #e2c2d3;
$color-2: #fff8db;
$color-3: #bd7d93;
$color-4: #c1d1cd;
$color-5: #ead3c9;

TAILWIND

colors: {
  'brand-1': '#e2c2d3',
  'brand-2': '#fff8db',
  'brand-3': '#bd7d93',
  'brand-4': '#c1d1cd',
  'brand-5': '#ead3c9',
}

RGB Array

[226, 194, 211], [255, 248, 219], [189, 125, 147], [193, 209, 205], [234, 211, 201]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E2C2D3, #FFF8DB, #BD7D93, #C1D1CD, #EAD3C9 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: #e2c2d3; --color-2: #fff8db; --color-3: #bd7d93; --color-4: #c1d1cd; --color-5: #ead3c9. 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