← Back to Editor

#E8DBBC · #282A2B · #D9CFB2 · #DEBFB1 · #F79D8B

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

WorkspaceReadingData Visualization

Color Details Color Details

#E8DBBC

Goose Yellow · Wheat · Lemon Cream

HEX
#E8DBBC
RGB
rgb(232, 219, 188)
HSL
hsl(42, 49%, 82%)
HSB
hsb(42, 19%, 91%)
CMYK
cmyk(0%, 6%, 19%, 9%)
Oklch
oklch(89.4% 0.043 88.0)

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

#282A2B

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#282A2B
RGB
rgb(40, 42, 43)
HSL
hsl(200, 4%, 16%)
HSB
hsb(200, 7%, 17%)
CMYK
cmyk(7%, 2%, 0%, 83%)
Oklch
oklch(28.3% 0.003 228.9)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

#D9CFB2

Goose Yellow · Wheat · Lemon Cream

HEX
#D9CFB2
RGB
rgb(217, 207, 178)
HSL
hsl(45, 34%, 77%)
HSB
hsb(45, 18%, 85%)
CMYK
cmyk(0%, 5%, 18%, 15%)
Oklch
oklch(85.5% 0.040 91.2)

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

#DEBFB1

Apricot · Silver · Peach Orange

HEX
#DEBFB1
RGB
rgb(222, 191, 177)
HSL
hsl(19, 41%, 78%)
HSB
hsb(19, 20%, 87%)
CMYK
cmyk(0%, 14%, 20%, 13%)
Oklch
oklch(82.7% 0.041 45.8)

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

#F79D8B

Peach Pink · LightSalmon · Coral Red

HEX
#F79D8B
RGB
rgb(247, 157, 139)
HSL
hsl(10, 87%, 76%)
HSB
hsb(10, 44%, 97%)
CMYK
cmyk(0%, 36%, 44%, 3%)
Oklch
oklch(78.3% 0.112 32.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8DBBC
BBC8E8

Analogous

E8C4BB
E8DBBC
DFE8BB

Triadic

E8DBBC
BBE8DA
DABBE8

Split-Comp.

E8DBBC
BBDFE8
C4BBE8

Tetradic

E8DBBC
BBE8C4
BBC8E8
E8BBDF

Contrast Matrix WCAG 2.1 Contrast

E8DBBC
282A2B
D9CFB2
DEBFB1
F79D8B
—
10.5
AAA
1.1
Fail
1.3
Fail
1.5
Fail
10.5
AAA
—
9.3
AAA
8.4
AAA
7.0
AA
1.1
Fail
9.3
AAA
—
1.1
Fail
1.3
Fail
1.3
Fail
8.4
AAA
1.1
Fail
—
1.2
Fail
1.5
Fail
7.0
AA
1.3
Fail
1.2
Fail
—
White BG
1.4Fail
14.4AAA
1.6Fail
1.7Fail
2.1Fail
Black BG
15.3AAA
1.5Fail
13.5AAA
12.2AAA
10.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E2C4
29292B
D5D5B9
D1D0B4
D0CF8F

Deuteranopia

E3E4C5
29292B
D5D6BB
D2D5B5
D5DC90

Tritanopia

E7C9CB
282B2B
D8BFC0
DCB7B8
F29394

Achromatopsia

DBDBDB
2A2A2A
CFCFCF
C7C7C7
B6B6B6

Shades & Tints Shades & Tints

#E8DBBC

Dark
Light

#282A2B

Dark
Light

#D9CFB2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8dbbc;
  --color-2: #282a2b;
  --color-3: #d9cfb2;
  --color-4: #debfb1;
  --color-5: #f79d8b;
}

SCSS

$color-1: #e8dbbc;
$color-2: #282a2b;
$color-3: #d9cfb2;
$color-4: #debfb1;
$color-5: #f79d8b;

TAILWIND

colors: {
  'brand-1': '#e8dbbc',
  'brand-2': '#282a2b',
  'brand-3': '#d9cfb2',
  'brand-4': '#debfb1',
  'brand-5': '#f79d8b',
}

RGB Array

[232, 219, 188], [40, 42, 43], [217, 207, 178], [222, 191, 177], [247, 157, 139]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E8DBBC, #282A2B, #D9CFB2, #DEBFB1, #F79D8B 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: #e8dbbc; --color-2: #282a2b; --color-3: #d9cfb2; --color-4: #debfb1; --color-5: #f79d8b. 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