← Back to Editor

#E7DFDC · #EABDC1 · #BFBAB4 · #D9D2C3 · #EAE3D7

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

WorkspaceReading

Color Details Color Details

#E7DFDC

Apricot · LightGray · Peach Orange

HEX
#E7DFDC
RGB
rgb(231, 223, 220)
HSL
hsl(16, 19%, 88%)
HSB
hsb(16, 5%, 91%)
CMYK
cmyk(0%, 3%, 5%, 9%)
Oklch
oklch(90.9% 0.010 41.9)

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

#EABDC1

Peach Pink · LightPink · Cherry Blossom

HEX
#EABDC1
RGB
rgb(234, 189, 193)
HSL
hsl(355, 52%, 83%)
HSB
hsb(355, 19%, 92%)
CMYK
cmyk(0%, 19%, 18%, 8%)
Oklch
oklch(83.9% 0.052 12.2)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#BFBAB4

Goose Yellow · Silver · Pearl Gray

HEX
#BFBAB4
RGB
rgb(191, 186, 180)
HSL
hsl(33, 8%, 73%)
HSB
hsb(33, 6%, 75%)
CMYK
cmyk(0%, 3%, 6%, 25%)
Oklch
oklch(79.1% 0.010 72.6)

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

#D9D2C3

Goose Yellow · LightGray · Lemon Cream

HEX
#D9D2C3
RGB
rgb(217, 210, 195)
HSL
hsl(41, 22%, 81%)
HSB
hsb(41, 10%, 85%)
CMYK
cmyk(0%, 3%, 10%, 15%)
Oklch
oklch(86.5% 0.022 85.9)

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

#EAE3D7

Goose Yellow · Beige · Peach Orange

HEX
#EAE3D7
RGB
rgb(234, 227, 215)
HSL
hsl(38, 31%, 88%)
HSB
hsb(38, 8%, 92%)
CMYK
cmyk(0%, 3%, 8%, 8%)
Oklch
oklch(91.8% 0.018 81.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E7DFDC
DBE3E6

Analogous

E6DBDD
E7DFDC
E6E4DB

Triadic

E7DFDC
DBE6DE
DEDBE6

Split-Comp.

E7DFDC
DBE6E4
DBDDE6

Tetradic

E7DFDC
DDE6DB
DBE3E6
E4DBE6

Contrast Matrix WCAG 2.1 Contrast

E7DFDC
EABDC1
BFBAB4
D9D2C3
EAE3D7
—
1.3
Fail
1.5
Fail
1.1
Fail
1.0
Fail
1.3
Fail
—
1.2
Fail
1.1
Fail
1.3
Fail
1.5
Fail
1.2
Fail
—
1.3
Fail
1.5
Fail
1.1
Fail
1.1
Fail
1.3
Fail
—
1.2
Fail
1.0
Fail
1.3
Fail
1.5
Fail
1.2
Fail
—
White BG
1.3Fail
1.7Fail
1.9Fail
1.5Fail
1.3Fail
Black BG
16.0AAA
12.5AAA
10.9AAA
14.0AAA
16.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E3DD
D7D6C0
BDBDB5
D6D6C7
E7E7DA

Deuteranopia

E4E5DD
D9DCC0
BDBEB6
D6D7C8
E7E8DB

Tritanopia

E7DDDD
E8BFBF
BFB7B7
D9C9CA
EADCDD

Achromatopsia

E1E1E1
CBCBCB
BBBBBB
D2D2D2
E4E4E4

Shades & Tints Shades & Tints

#E7DFDC

Dark
Light

#EABDC1

Dark
Light

#BFBAB4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e7dfdc;
  --color-2: #eabdc1;
  --color-3: #bfbab4;
  --color-4: #d9d2c3;
  --color-5: #eae3d7;
}

SCSS

$color-1: #e7dfdc;
$color-2: #eabdc1;
$color-3: #bfbab4;
$color-4: #d9d2c3;
$color-5: #eae3d7;

TAILWIND

colors: {
  'brand-1': '#e7dfdc',
  'brand-2': '#eabdc1',
  'brand-3': '#bfbab4',
  'brand-4': '#d9d2c3',
  'brand-5': '#eae3d7',
}

RGB Array

[231, 223, 220], [234, 189, 193], [191, 186, 180], [217, 210, 195], [234, 227, 215]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E7DFDC, #EABDC1, #BFBAB4, #D9D2C3, #EAE3D7 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: #e7dfdc; --color-2: #eabdc1; --color-3: #bfbab4; --color-4: #d9d2c3; --color-5: #eae3d7. 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