← Back to Editor

#D0B6C5 · #D9CED4 · #E3D4C9 · #E0D5D5 · #DFDAD2

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

#D0B6C5

Mauve · Silver · Cherry Blossom

HEX
#D0B6C5
RGB
rgb(208, 182, 197)
HSL
hsl(325, 22%, 76%)
HSB
hsb(325, 12%, 82%)
CMYK
cmyk(0%, 12%, 5%, 18%)
Oklch
oklch(80.3% 0.036 342.3)

Traditional「Mauve」· Paint「Cherry Blossom」· Creative Rose Petal

#D9CED4

Mauve · LightGray · Cherry Blossom

HEX
#D9CED4
RGB
rgb(217, 206, 212)
HSL
hsl(327, 13%, 83%)
HSB
hsb(327, 5%, 85%)
CMYK
cmyk(0%, 5%, 2%, 15%)
Oklch
oklch(86.2% 0.015 343.3)

Traditional「Mauve」· Paint「Cherry Blossom」· Creative Rose Petal

#E3D4C9

Apricot · LightGray · Peach Orange

HEX
#E3D4C9
RGB
rgb(227, 212, 201)
HSL
hsl(25, 32%, 84%)
HSB
hsb(25, 11%, 89%)
CMYK
cmyk(0%, 7%, 11%, 11%)
Oklch
oklch(87.9% 0.022 58.7)

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

#E0D5D5

Peach Pink · LightGray · Cherry Blossom

HEX
#E0D5D5
RGB
rgb(224, 213, 213)
HSL
hsl(0, 15%, 86%)
HSB
hsb(0, 5%, 88%)
CMYK
cmyk(0%, 5%, 5%, 12%)
Oklch
oklch(88.2% 0.012 17.4)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#DFDAD2

Goose Yellow · LightGray · Peach Orange

HEX
#DFDAD2
RGB
rgb(223, 218, 210)
HSL
hsl(37, 17%, 85%)
HSB
hsb(37, 6%, 87%)
CMYK
cmyk(0%, 2%, 6%, 13%)
Oklch
oklch(89.0% 0.012 79.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D0B6C5
B4CFC0

Analogous

CDB4CF
D0B6C5
CFB4B7

Triadic

D0B6C5
C4CFB4
B4C4CF

Split-Comp.

D0B6C5
B7CFB4
B4CFCD

Tetradic

D0B6C5
CFCDB4
B4CFC0
B4B7CF

Contrast Matrix WCAG 2.1 Contrast

D0B6C5
D9CED4
E3D4C9
E0D5D5
DFDAD2
—
1.2
Fail
1.3
Fail
1.3
Fail
1.4
Fail
1.2
Fail
—
1.1
Fail
1.1
Fail
1.1
Fail
1.3
Fail
1.1
Fail
—
1.0
Fail
1.0
Fail
1.3
Fail
1.1
Fail
1.0
Fail
—
1.0
Fail
1.4
Fail
1.1
Fail
1.0
Fail
1.0
Fail
—
White BG
1.9Fail
1.5Fail
1.4Fail
1.4Fail
1.4Fail
Black BG
11.2AAA
13.7AAA
14.5AAA
14.6AAA
15.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C5C5C1
D4D4D3
DDDCCC
DBDBD5
DDDDD4

Deuteranopia

C6C8C0
D5D6D2
DDDECC
DCDDD5
DDDED4

Tritanopia

CFBFBE
D8D1D1
E2CECE
DFD5D5
DFD5D6

Achromatopsia

BFBFBF
D2D2D2
D7D7D7
D8D8D8
DBDBDB

Shades & Tints Shades & Tints

#D0B6C5

Dark
Light

#D9CED4

Dark
Light

#E3D4C9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d0b6c5;
  --color-2: #d9ced4;
  --color-3: #e3d4c9;
  --color-4: #e0d5d5;
  --color-5: #dfdad2;
}

SCSS

$color-1: #d0b6c5;
$color-2: #d9ced4;
$color-3: #e3d4c9;
$color-4: #e0d5d5;
$color-5: #dfdad2;

TAILWIND

colors: {
  'brand-1': '#d0b6c5',
  'brand-2': '#d9ced4',
  'brand-3': '#e3d4c9',
  'brand-4': '#e0d5d5',
  'brand-5': '#dfdad2',
}

RGB Array

[208, 182, 197], [217, 206, 212], [227, 212, 201], [224, 213, 213], [223, 218, 210]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D0B6C5, #D9CED4, #E3D4C9, #E0D5D5, #DFDAD2 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: #d0b6c5; --color-2: #d9ced4; --color-3: #e3d4c9; --color-4: #e0d5d5; --color-5: #dfdad2. 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