← Back to Editor

#D4D8DB · #E9D7C3 · #DFC1B9 · #C2A7A0 · #A68F81

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

#D4D8DB

Sky Blue · LightGray · Pearl Gray

HEX
#D4D8DB
RGB
rgb(212, 216, 219)
HSL
hsl(206, 9%, 85%)
HSB
hsb(206, 3%, 86%)
CMYK
cmyk(3%, 1%, 0%, 14%)
Oklch
oklch(88.0% 0.006 239.8)

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

#E9D7C3

Goose Yellow · Wheat · Peach Orange

HEX
#E9D7C3
RGB
rgb(233, 215, 195)
HSL
hsl(32, 46%, 84%)
HSB
hsb(32, 16%, 91%)
CMYK
cmyk(0%, 8%, 16%, 9%)
Oklch
oklch(88.8% 0.033 70.3)

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

#DFC1B9

Peach Pink · Silver · Coral Red

HEX
#DFC1B9
RGB
rgb(223, 193, 185)
HSL
hsl(13, 37%, 80%)
HSB
hsb(13, 17%, 87%)
CMYK
cmyk(0%, 13%, 17%, 13%)
Oklch
oklch(83.4% 0.036 35.3)

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

#C2A7A0

Peach Pink · DarkGray · Coral Red

HEX
#C2A7A0
RGB
rgb(194, 167, 160)
HSL
hsl(12, 22%, 69%)
HSB
hsb(12, 18%, 76%)
CMYK
cmyk(0%, 14%, 18%, 24%)
Oklch
oklch(75.0% 0.033 34.9)

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

#A68F81

Tangerine · Gray · Warm Sun

HEX
#A68F81
RGB
rgb(166, 143, 129)
HSL
hsl(23, 17%, 58%)
HSB
hsb(23, 22%, 65%)
CMYK
cmyk(0%, 14%, 22%, 35%)
Oklch
oklch(66.7% 0.034 53.2)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D4D8DB
DCD8D5

Analogous

D5DCDC
D4D8DB
D5D6DC

Triadic

D4D8DB
DCD5D9
D9DCD5

Split-Comp.

D4D8DB
DCD5D6
DCDCD5

Tetradic

D4D8DB
DCD5DC
DCD8D5
D6DCD5

Contrast Matrix WCAG 2.1 Contrast

D4D8DB
E9D7C3
DFC1B9
C2A7A0
A68F81
—
1.0
Fail
1.2
Fail
1.6
Fail
2.1
Fail
1.0
Fail
—
1.2
Fail
1.6
Fail
2.2
Fail
1.2
Fail
1.2
Fail
—
1.3
Fail
1.8
Fail
1.6
Fail
1.6
Fail
1.3
Fail
—
1.4
Fail
2.1
Fail
2.2
Fail
1.8
Fail
1.4
Fail
—
White BG
1.4Fail
1.4Fail
1.7Fail
2.3Fail
3.1AA Large
Black BG
14.6AAA
15.0AAA
12.5AAA
9.3AAA
6.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D6D6DA
E1E1C8
D2D2BB
B6B6A2
9C9C84

Deuteranopia

D6D5DA
E2E4C9
D4D6BB
B8BAA2
9D9F85

Tritanopia

D4DADA
E8CCCD
DEBCBD
C1A3A3
A58788

Achromatopsia

D7D7D7
DADADA
C9C9C9
AEAEAE
949494

Shades & Tints Shades & Tints

#D4D8DB

Dark
Light

#E9D7C3

Dark
Light

#DFC1B9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d4d8db;
  --color-2: #e9d7c3;
  --color-3: #dfc1b9;
  --color-4: #c2a7a0;
  --color-5: #a68f81;
}

SCSS

$color-1: #d4d8db;
$color-2: #e9d7c3;
$color-3: #dfc1b9;
$color-4: #c2a7a0;
$color-5: #a68f81;

TAILWIND

colors: {
  'brand-1': '#d4d8db',
  'brand-2': '#e9d7c3',
  'brand-3': '#dfc1b9',
  'brand-4': '#c2a7a0',
  'brand-5': '#a68f81',
}

RGB Array

[212, 216, 219], [233, 215, 195], [223, 193, 185], [194, 167, 160], [166, 143, 129]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D4D8DB, #E9D7C3, #DFC1B9, #C2A7A0, #A68F81 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: #d4d8db; --color-2: #e9d7c3; --color-3: #dfc1b9; --color-4: #c2a7a0; --color-5: #a68f81. 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