← Back to Editor

#E6DEDC · #E9EBE4 · #D1DED9 · #BCD0D1 · #8F9FC4

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

#E6DEDC

Peach Pink · LightGray · Cherry Blossom

HEX
#E6DEDC
RGB
rgb(230, 222, 220)
HSL
hsl(12, 17%, 88%)
HSB
hsb(12, 4%, 90%)
CMYK
cmyk(0%, 3%, 4%, 10%)
Oklch
oklch(90.6% 0.009 34.3)

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

#E9EBE4

Willow Green · Beige · Mint Green

HEX
#E9EBE4
RGB
rgb(233, 235, 228)
HSL
hsl(77, 15%, 91%)
HSB
hsb(77, 3%, 92%)
CMYK
cmyk(1%, 0%, 3%, 8%)
Oklch
oklch(93.7% 0.010 119.6)

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

#D1DED9

Jade · LightGray · Mint Green

HEX
#D1DED9
RGB
rgb(209, 222, 217)
HSL
hsl(157, 16%, 85%)
HSB
hsb(157, 6%, 87%)
CMYK
cmyk(6%, 0%, 2%, 13%)
Oklch
oklch(88.9% 0.016 171.0)

Traditional「Jade」· Paint「Mint Green」· Creative Arctic Pool

#BCD0D1

Sky Blue · LightSteelBlue · Glacier Blue

HEX
#BCD0D1
RGB
rgb(188, 208, 209)
HSL
hsl(183, 19%, 78%)
HSB
hsb(183, 10%, 82%)
CMYK
cmyk(10%, 0%, 0%, 18%)
Oklch
oklch(84.3% 0.022 200.4)

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

#8F9FC4

Azure · DarkGray · Cobalt Blue

HEX
#8F9FC4
RGB
rgb(143, 159, 196)
HSL
hsl(222, 31%, 66%)
HSB
hsb(222, 27%, 77%)
CMYK
cmyk(27%, 19%, 0%, 23%)
Oklch
oklch(70.3% 0.057 266.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6DEDC
DBE4E6

Analogous

E6DBDE
E6DEDC
E6E2DB

Triadic

E6DEDC
DBE6DD
DDDBE6

Split-Comp.

E6DEDC
DBE6E2
DBDEE6

Tetradic

E6DEDC
DEE6DB
DBE4E6
E2DBE6

Contrast Matrix WCAG 2.1 Contrast

E6DEDC
E9EBE4
D1DED9
BCD0D1
8F9FC4
—
1.1
Fail
1.0
Fail
1.2
Fail
2.0
Fail
1.1
Fail
—
1.2
Fail
1.3
Fail
2.2
Fail
1.0
Fail
1.2
Fail
—
1.2
Fail
1.9
Fail
1.2
Fail
1.3
Fail
1.2
Fail
—
1.7
Fail
2.0
Fail
2.2
Fail
1.9
Fail
1.7
Fail
—
White BG
1.3Fail
1.2Fail
1.4Fail
1.6Fail
2.7Fail
Black BG
15.8AAA
17.5AAA
15.2AAA
13.1AAA
7.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E3E2DC
EAEAE6
D7D7DA
C5C5D1
9696BB

Deuteranopia

E3E4DD
EAEAE6
D6D5DA
C4C2D1
9594B9

Tritanopia

E6DDDD
E9E7E7
D2DBDB
BDD1D1
90B4B2

Achromatopsia

E0E0E0
EAEAEA
DADADA
CACACA
9E9E9E

Shades & Tints Shades & Tints

#E6DEDC

Dark
Light

#E9EBE4

Dark
Light

#D1DED9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6dedc;
  --color-2: #e9ebe4;
  --color-3: #d1ded9;
  --color-4: #bcd0d1;
  --color-5: #8f9fc4;
}

SCSS

$color-1: #e6dedc;
$color-2: #e9ebe4;
$color-3: #d1ded9;
$color-4: #bcd0d1;
$color-5: #8f9fc4;

TAILWIND

colors: {
  'brand-1': '#e6dedc',
  'brand-2': '#e9ebe4',
  'brand-3': '#d1ded9',
  'brand-4': '#bcd0d1',
  'brand-5': '#8f9fc4',
}

RGB Array

[230, 222, 220], [233, 235, 228], [209, 222, 217], [188, 208, 209], [143, 159, 196]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6DEDC, #E9EBE4, #D1DED9, #BCD0D1, #8F9FC4 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: #e6dedc; --color-2: #e9ebe4; --color-3: #d1ded9; --color-4: #bcd0d1; --color-5: #8f9fc4. 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