← Back to Editor

#E1BBB0 · #CCCDD1 · #D7CDCC · #E4E5E9 · #E9EAEF

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E1BBB0

Peach Pink · LightPink · Coral Red

HEX
#E1BBB0
RGB
rgb(225, 187, 176)
HSL
hsl(13, 45%, 79%)
HSB
hsb(13, 22%, 88%)
CMYK
cmyk(0%, 17%, 22%, 12%)
Oklch
oklch(82.2% 0.047 36.7)

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

#CCCDD1

Silver Gray · LightGray · Pearl Gray

HEX
#CCCDD1
RGB
rgb(204, 205, 209)
HSL
hsl(228, 5%, 81%)
HSB
hsb(228, 2%, 82%)
CMYK
cmyk(2%, 2%, 0%, 18%)
Oklch
oklch(84.9% 0.006 275.0)

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

#D7CDCC

Peach Pink · LightGray · Cherry Blossom

HEX
#D7CDCC
RGB
rgb(215, 205, 204)
HSL
hsl(5, 12%, 82%)
HSB
hsb(5, 5%, 84%)
CMYK
cmyk(0%, 5%, 5%, 16%)
Oklch
oklch(85.6% 0.011 24.3)

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

#E4E5E9

Azure · Lavender · Sky Blue

HEX
#E4E5E9
RGB
rgb(228, 229, 233)
HSL
hsl(228, 10%, 90%)
HSB
hsb(228, 2%, 91%)
CMYK
cmyk(2%, 2%, 0%, 9%)
Oklch
oklch(92.2% 0.005 275.0)

Traditional「Azure」· Paint「Sky Blue」· Creative Twilight Haze

#E9EAEF

Azure · Lavender · Sky Blue

HEX
#E9EAEF
RGB
rgb(233, 234, 239)
HSL
hsl(230, 16%, 93%)
HSB
hsb(230, 3%, 94%)
CMYK
cmyk(3%, 2%, 0%, 6%)
Oklch
oklch(93.8% 0.007 277.2)

Traditional「Azure」· Paint「Sky Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E1BBB0
B1D7E2

Analogous

E2B1BF
E1BBB0
E2D4B1

Triadic

E1BBB0
B1E2BC
BCB1E2

Split-Comp.

E1BBB0
B1E2D4
B1BFE2

Tetradic

E1BBB0
BFE2B1
B1D7E2
D4B1E2

Contrast Matrix WCAG 2.1 Contrast

E1BBB0
CCCDD1
D7CDCC
E4E5E9
E9EAEF
—
1.1
Fail
1.1
Fail
1.4
Fail
1.5
Fail
1.1
Fail
—
1.0
Fail
1.3
Fail
1.3
Fail
1.1
Fail
1.0
Fail
—
1.2
Fail
1.3
Fail
1.4
Fail
1.3
Fail
1.2
Fail
—
1.0
Fail
1.5
Fail
1.3
Fail
1.3
Fail
1.0
Fail
—
White BG
1.8Fail
1.6Fail
1.6Fail
1.3Fail
1.2Fail
Black BG
11.9AAA
13.2AAA
13.5AAA
16.7AAA
17.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D0B3
CCCCD0
D3D3CC
E4E4E8
E9E9EE

Deuteranopia

D3D6B3
CCCCD0
D3D4CC
E4E4E8
E9E9EE

Tritanopia

DFB5B5
CCCFCF
D7CCCC
E4E7E7
E9EDED

Achromatopsia

C5C5C5
CDCDCD
D0D0D0
E5E5E5
EAEAEA

Shades & Tints Shades & Tints

#E1BBB0

Dark
Light

#CCCDD1

Dark
Light

#D7CDCC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e1bbb0;
  --color-2: #cccdd1;
  --color-3: #d7cdcc;
  --color-4: #e4e5e9;
  --color-5: #e9eaef;
}

SCSS

$color-1: #e1bbb0;
$color-2: #cccdd1;
$color-3: #d7cdcc;
$color-4: #e4e5e9;
$color-5: #e9eaef;

TAILWIND

colors: {
  'brand-1': '#e1bbb0',
  'brand-2': '#cccdd1',
  'brand-3': '#d7cdcc',
  'brand-4': '#e4e5e9',
  'brand-5': '#e9eaef',
}

RGB Array

[225, 187, 176], [204, 205, 209], [215, 205, 204], [228, 229, 233], [233, 234, 239]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E1BBB0, #CCCDD1, #D7CDCC, #E4E5E9, #E9EAEF is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e1bbb0; --color-2: #cccdd1; --color-3: #d7cdcc; --color-4: #e4e5e9; --color-5: #e9eaef. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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