← Back to Editor

#D7D0CE · #B2ABAE · #91808E · #6A547D · #5B4E5B

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 PostIllustrationData Visualization

Color Details Color Details

#D7D0CE

Peach Pink · LightGray · Cherry Blossom

HEX
#D7D0CE
RGB
rgb(215, 208, 206)
HSL
hsl(13, 10%, 83%)
HSB
hsb(13, 4%, 84%)
CMYK
cmyk(0%, 3%, 4%, 16%)
Oklch
oklch(86.3% 0.008 36.5)

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

#B2ABAE

Ash · DarkGray · Silver Sand

HEX
#B2ABAE
RGB
rgb(178, 171, 174)
HSL
hsl(334, 4%, 68%)
HSB
hsb(334, 4%, 70%)
CMYK
cmyk(0%, 4%, 2%, 30%)
Oklch
oklch(74.8% 0.009 349.3)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#91808E

Ash · Gray · Warm Gray

HEX
#91808E
RGB
rgb(145, 128, 142)
HSL
hsl(311, 7%, 54%)
HSB
hsb(311, 12%, 57%)
CMYK
cmyk(0%, 12%, 2%, 43%)
Oklch
oklch(62.0% 0.029 331.8)

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

#6A547D

Dark Plum · DimGray · Violet

HEX
#6A547D
RGB
rgb(106, 84, 125)
HSL
hsl(272, 20%, 41%)
HSB
hsb(272, 33%, 49%)
CMYK
cmyk(15%, 33%, 0%, 51%)
Oklch
oklch(48.4% 0.069 308.5)

Traditional「Dark Plum」· Paint「Violet」· Creative Blush Sunrise

#5B4E5B

Rose Purple · DimGray · Charcoal

HEX
#5B4E5B
RGB
rgb(91, 78, 91)
HSL
hsl(300, 8%, 33%)
HSB
hsb(300, 14%, 36%)
CMYK
cmyk(0%, 14%, 0%, 64%)
Oklch
oklch(44.2% 0.027 326.0)

Traditional「Rose Purple」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D7D0CE
CFD6D8

Analogous

D8CFD2
D7D0CE
D8D6CF

Triadic

D7D0CE
CFD8D1
D1CFD8

Split-Comp.

D7D0CE
CFD8D6
CFD2D8

Tetradic

D7D0CE
D2D8CF
CFD6D8
D6CFD8

Contrast Matrix WCAG 2.1 Contrast

D7D0CE
B2ABAE
91808E
6A547D
5B4E5B
—
1.5
Fail
2.4
Fail
4.3
AA Large
5.1
AA
1.5
Fail
—
1.6
Fail
2.9
Fail
3.5
AA Large
2.4
Fail
1.6
Fail
—
1.8
Fail
2.1
Fail
4.3
AA Large
2.9
Fail
1.8
Fail
—
1.2
Fail
5.1
AA
3.5
AA Large
2.1
Fail
1.2
Fail
—
White BG
1.5Fail
2.3Fail
3.7AA Large
6.6AA
7.8AAA
Black BG
13.8AAA
9.3AAA
5.7AA
3.2AA Large
2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D4D4CE
AFAFAD
8A898B
606073
555558

Deuteranopia

D4D5CF
AFB0AD
8B8C8A
626371
565757

Tritanopia

D7CFCF
B2ADAD
908887
696B6A
5A5555

Achromatopsia

D2D2D2
ADADAD
878787
5F5F5F
535353

Shades & Tints Shades & Tints

#D7D0CE

Dark
Light

#B2ABAE

Dark
Light

#91808E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d7d0ce;
  --color-2: #b2abae;
  --color-3: #91808e;
  --color-4: #6a547d;
  --color-5: #5b4e5b;
}

SCSS

$color-1: #d7d0ce;
$color-2: #b2abae;
$color-3: #91808e;
$color-4: #6a547d;
$color-5: #5b4e5b;

TAILWIND

colors: {
  'brand-1': '#d7d0ce',
  'brand-2': '#b2abae',
  'brand-3': '#91808e',
  'brand-4': '#6a547d',
  'brand-5': '#5b4e5b',
}

RGB Array

[215, 208, 206], [178, 171, 174], [145, 128, 142], [106, 84, 125], [91, 78, 91]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #D7D0CE, #B2ABAE, #91808E, #6A547D, #5B4E5B is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #d7d0ce; --color-2: #b2abae; --color-3: #91808e; --color-4: #6a547d; --color-5: #5b4e5b. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 pastel-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco 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