← Back to Editor

#DBD1CF · #CDB1AD · #BFAE9E · #B19F89 · #898989

pastel

A 5-color pastel palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#DBD1CF

Peach Pink · LightGray · Cherry Blossom

HEX
#DBD1CF
RGB
rgb(219, 209, 207)
HSL
hsl(10, 14%, 84%)
HSB
hsb(10, 5%, 86%)
CMYK
cmyk(0%, 5%, 5%, 14%)
Oklch
oklch(86.8% 0.011 31.1)

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

#CDB1AD

Peach Pink · Silver · Coral Red

HEX
#CDB1AD
RGB
rgb(205, 177, 173)
HSL
hsl(7, 24%, 74%)
HSB
hsb(7, 16%, 80%)
CMYK
cmyk(0%, 14%, 16%, 20%)
Oklch
oklch(78.4% 0.033 27.5)

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

#BFAE9E

Apricot · DarkGray · Warm Sun

HEX
#BFAE9E
RGB
rgb(191, 174, 158)
HSL
hsl(29, 20%, 68%)
HSB
hsb(29, 17%, 75%)
CMYK
cmyk(0%, 9%, 17%, 25%)
Oklch
oklch(76.1% 0.030 65.6)

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

#B19F89

Ginger · DarkGray · Warm Sun

HEX
#B19F89
RGB
rgb(177, 159, 137)
HSL
hsl(33, 20%, 62%)
HSB
hsb(33, 23%, 69%)
CMYK
cmyk(0%, 10%, 23%, 31%)
Oklch
oklch(71.2% 0.037 72.7)

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

#898989

Ash · Gray · Warm Gray

HEX
#898989
RGB
rgb(137, 137, 137)
HSL
hsl(0, 0%, 54%)
HSB
hsb(0, 0%, 54%)
CMYK
cmyk(0%, 0%, 0%, 46%)
Oklch
oklch(63.0% 0.000 89.9)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBD1CF
D0DADC

Analogous

DCD0D4
DBD1CF
DCD8D0

Triadic

DBD1CF
D0DCD2
D2D0DC

Split-Comp.

DBD1CF
D0DCD8
D0D4DC

Tetradic

DBD1CF
D4DCD0
D0DADC
D8D0DC

Contrast Matrix WCAG 2.1 Contrast

DBD1CF
CDB1AD
BFAE9E
B19F89
898989
—
1.3
Fail
1.4
Fail
1.7
Fail
2.3
Fail
1.3
Fail
—
1.1
Fail
1.3
Fail
1.7
Fail
1.4
Fail
1.1
Fail
—
1.2
Fail
1.6
Fail
1.7
Fail
1.3
Fail
1.2
Fail
—
1.4
Fail
2.3
Fail
1.7
Fail
1.6
Fail
1.4
Fail
—
White BG
1.5Fail
2.0Fail
2.2Fail
2.6Fail
3.5AA Large
Black BG
14.0AAA
10.5AAA
9.8AAA
8.2AAA
6.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D7D7CF
C1C1AE
B8B7A2
A9A98E
898989

Deuteranopia

D7D8D0
C3C5AE
B9BAA3
AAAC90
898989

Tritanopia

DAD0D0
CCAFAF
BEA5A6
B09393
898989

Achromatopsia

D4D4D4
B9B9B9
B1B1B1
A2A2A2
898989

Shades & Tints Shades & Tints

#DBD1CF

Dark
Light

#CDB1AD

Dark
Light

#BFAE9E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dbd1cf;
  --color-2: #cdb1ad;
  --color-3: #bfae9e;
  --color-4: #b19f89;
  --color-5: #898989;
}

SCSS

$color-1: #dbd1cf;
$color-2: #cdb1ad;
$color-3: #bfae9e;
$color-4: #b19f89;
$color-5: #898989;

TAILWIND

colors: {
  'brand-1': '#dbd1cf',
  'brand-2': '#cdb1ad',
  'brand-3': '#bfae9e',
  'brand-4': '#b19f89',
  'brand-5': '#898989',
}

RGB Array

[219, 209, 207], [205, 177, 173], [191, 174, 158], [177, 159, 137], [137, 137, 137]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #DBD1CF, #CDB1AD, #BFAE9E, #B19F89, #898989 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: #dbd1cf; --color-2: #cdb1ad; --color-3: #bfae9e; --color-4: #b19f89; --color-5: #898989. 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 pastel-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