← Back to Editor

#E8DFDB · #CEDCD2 · #BCB9BA · #A37A8F · #5A535D

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#E8DFDB

Apricot · LightGray · Peach Orange

HEX
#E8DFDB
RGB
rgb(232, 223, 219)
HSL
hsl(18, 22%, 88%)
HSB
hsb(18, 6%, 91%)
CMYK
cmyk(0%, 4%, 6%, 9%)
Oklch
oklch(91.0% 0.011 45.7)

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

#CEDCD2

Celadon · LightGray · Mint Green

HEX
#CEDCD2
RGB
rgb(206, 220, 210)
HSL
hsl(137, 17%, 84%)
HSB
hsb(137, 6%, 86%)
CMYK
cmyk(6%, 0%, 5%, 14%)
Oklch
oklch(88.1% 0.020 154.9)

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

#BCB9BA

Silver Gray · Silver · Pearl Gray

HEX
#BCB9BA
RGB
rgb(188, 185, 186)
HSL
hsl(340, 2%, 73%)
HSB
hsb(340, 2%, 74%)
CMYK
cmyk(0%, 2%, 1%, 26%)
Oklch
oklch(78.8% 0.004 354.7)

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

#A37A8F

Rose Purple · Gray · Rose Pink

HEX
#A37A8F
RGB
rgb(163, 122, 143)
HSL
hsl(329, 18%, 56%)
HSB
hsb(329, 25%, 64%)
CMYK
cmyk(0%, 25%, 12%, 36%)
Oklch
oklch(62.6% 0.058 346.8)

Traditional「Rose Purple」· Paint「Rose Pink」· Creative Blush Sunrise

#5A535D

Ink Gray · DimGray · Charcoal

HEX
#5A535D
RGB
rgb(90, 83, 93)
HSL
hsl(282, 6%, 35%)
HSB
hsb(282, 11%, 36%)
CMYK
cmyk(3%, 11%, 0%, 64%)
Oklch
oklch(45.3% 0.018 315.9)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8DFDB
DAE3E7

Analogous

E7DADC
E8DFDB
E7E4DA

Triadic

E8DFDB
DAE7DE
DEDAE7

Split-Comp.

E8DFDB
DAE7E4
DADCE7

Tetradic

E8DFDB
DCE7DA
DAE3E7
E4DAE7

Contrast Matrix WCAG 2.1 Contrast

E8DFDB
CEDCD2
BCB9BA
A37A8F
5A535D
—
1.1
Fail
1.5
Fail
2.8
Fail
5.7
AA
1.1
Fail
—
1.4
Fail
2.6
Fail
5.2
AA
1.5
Fail
1.4
Fail
—
1.9
Fail
3.8
AA Large
2.8
Fail
2.6
Fail
1.9
Fail
—
2.0
Fail
5.7
AA
5.2
AA
3.8
AA Large
2.0
Fail
—
White BG
1.3Fail
1.4Fail
1.9Fail
3.7AA Large
7.4AAA
Black BG
16.0AAA
14.8AAA
10.8AAA
5.7AA
2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E4DC
D4D4D4
BBBBBA
91918A
57575B

Deuteranopia

E5E5DC
D3D2D5
BBBBBA
949789
57585A

Tritanopia

E8DDDD
CFD6D7
BCBABA
A18685
5A5958

Achromatopsia

E1E1E1
D7D7D7
BABABA
898989
565656

Shades & Tints Shades & Tints

#E8DFDB

Dark
Light

#CEDCD2

Dark
Light

#BCB9BA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8dfdb;
  --color-2: #cedcd2;
  --color-3: #bcb9ba;
  --color-4: #a37a8f;
  --color-5: #5a535d;
}

SCSS

$color-1: #e8dfdb;
$color-2: #cedcd2;
$color-3: #bcb9ba;
$color-4: #a37a8f;
$color-5: #5a535d;

TAILWIND

colors: {
  'brand-1': '#e8dfdb',
  'brand-2': '#cedcd2',
  'brand-3': '#bcb9ba',
  'brand-4': '#a37a8f',
  'brand-5': '#5a535d',
}

RGB Array

[232, 223, 219], [206, 220, 210], [188, 185, 186], [163, 122, 143], [90, 83, 93]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E8DFDB, #CEDCD2, #BCB9BA, #A37A8F, #5A535D is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #e8dfdb; --color-2: #cedcd2; --color-3: #bcb9ba; --color-4: #a37a8f; --color-5: #5a535d. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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