← Back to Editor

#DEE8CC · #E0CEB8 · #D5B09F · #D2847E · #595651

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

#DEE8CC

Willow Green · LightGray · Mint Green

HEX
#DEE8CC
RGB
rgb(222, 232, 204)
HSL
hsl(81, 38%, 85%)
HSB
hsb(81, 12%, 91%)
CMYK
cmyk(4%, 0%, 12%, 9%)
Oklch
oklch(91.6% 0.039 123.2)

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

#E0CEB8

Goose Yellow · Wheat · Peach Orange

HEX
#E0CEB8
RGB
rgb(224, 206, 184)
HSL
hsl(33, 39%, 80%)
HSB
hsb(33, 18%, 88%)
CMYK
cmyk(0%, 8%, 18%, 12%)
Oklch
oklch(86.0% 0.036 72.8)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#D5B09F

Apricot · Tan · Warm Sun

HEX
#D5B09F
RGB
rgb(213, 176, 159)
HSL
hsl(19, 39%, 73%)
HSB
hsb(19, 25%, 84%)
CMYK
cmyk(0%, 17%, 25%, 16%)
Oklch
oklch(78.5% 0.049 46.0)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#D2847E

Peach Pink · DarkSalmon · Coral Red

HEX
#D2847E
RGB
rgb(210, 132, 126)
HSL
hsl(4, 48%, 66%)
HSB
hsb(4, 40%, 82%)
CMYK
cmyk(0%, 37%, 40%, 18%)
Oklch
oklch(69.3% 0.097 24.6)

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

#595651

Ink Gray · DimGray · Charcoal

HEX
#595651
RGB
rgb(89, 86, 81)
HSL
hsl(38, 5%, 33%)
HSB
hsb(38, 9%, 35%)
CMYK
cmyk(0%, 3%, 9%, 65%)
Oklch
oklch(45.4% 0.009 80.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DEE8CC
D4CAE7

Analogous

E7E3CA
DEE8CC
CFE7CA

Triadic

DEE8CC
CADDE7
E7CADD

Split-Comp.

DEE8CC
CACFE7
E3CAE7

Tetradic

DEE8CC
CAE7E3
D4CAE7
E7CACF

Contrast Matrix WCAG 2.1 Contrast

DEE8CC
E0CEB8
D5B09F
D2847E
595651
—
1.2
Fail
1.6
Fail
2.3
Fail
5.7
AA
1.2
Fail
—
1.3
Fail
1.9
Fail
4.8
AA
1.6
Fail
1.3
Fail
—
1.4
Fail
3.7
AA Large
2.3
Fail
1.9
Fail
1.4
Fail
—
2.6
Fail
5.7
AA
4.8
AA
3.7
AA Large
2.6
Fail
—
White BG
1.3Fail
1.5Fail
2.0Fail
2.9Fail
7.3AAA
Black BG
16.5AAA
13.7AAA
10.5AAA
7.3AAA
2.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E2D3
D8D8BD
C5C5A3
B0B07F
585852

Deuteranopia

E2E1D4
D9DBBF
C7CAA4
B5BB80
585853

Tritanopia

DED8D9
DFC2C2
D3A6A7
CE8181
595353

Achromatopsia

E2E2E2
D1D1D1
B9B9B9
9B9B9B
565656

Shades & Tints Shades & Tints

#DEE8CC

Dark
Light

#E0CEB8

Dark
Light

#D5B09F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dee8cc;
  --color-2: #e0ceb8;
  --color-3: #d5b09f;
  --color-4: #d2847e;
  --color-5: #595651;
}

SCSS

$color-1: #dee8cc;
$color-2: #e0ceb8;
$color-3: #d5b09f;
$color-4: #d2847e;
$color-5: #595651;

TAILWIND

colors: {
  'brand-1': '#dee8cc',
  'brand-2': '#e0ceb8',
  'brand-3': '#d5b09f',
  'brand-4': '#d2847e',
  'brand-5': '#595651',
}

RGB Array

[222, 232, 204], [224, 206, 184], [213, 176, 159], [210, 132, 126], [89, 86, 81]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DEE8CC, #E0CEB8, #D5B09F, #D2847E, #595651 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #dee8cc; --color-2: #e0ceb8; --color-3: #d5b09f; --color-4: #d2847e; --color-5: #595651. 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 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