← Back to Editor

#D6CFB5 · #C0A5A5 · #D8B7B7 · #A1A1BE · #A188B9

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#D6CFB5

Goose Yellow · Silver · Lemon Cream

HEX
#D6CFB5
RGB
rgb(214, 207, 181)
HSL
hsl(47, 29%, 77%)
HSB
hsb(47, 15%, 84%)
CMYK
cmyk(0%, 3%, 15%, 16%)
Oklch
oklch(85.3% 0.036 94.6)

TraditionalGoose Yellow」· PaintLemon Cream」· Creative Lemon Fizz

#C0A5A5

Peach Pink · DarkGray · Coral Red

HEX
#C0A5A5
RGB
rgb(192, 165, 165)
HSL
hsl(0, 18%, 70%)
HSB
hsb(0, 14%, 75%)
CMYK
cmyk(0%, 14%, 14%, 25%)
Oklch
oklch(74.6% 0.032 17.9)

TraditionalPeach Pink」· PaintCoral Red」· Creative Blush Sunrise

#D8B7B7

Peach Pink · Silver · Coral Red

HEX
#D8B7B7
RGB
rgb(216, 183, 183)
HSL
hsl(0, 30%, 78%)
HSB
hsb(0, 15%, 85%)
CMYK
cmyk(0%, 15%, 15%, 15%)
Oklch
oklch(80.8% 0.038 18.0)

TraditionalPeach Pink」· PaintCoral Red」· Creative Blush Sunrise

#A1A1BE

Wisteria · DarkGray · Cobalt Blue

HEX
#A1A1BE
RGB
rgb(161, 161, 190)
HSL
hsl(240, 18%, 69%)
HSB
hsb(240, 15%, 75%)
CMYK
cmyk(15%, 15%, 0%, 25%)
Oklch
oklch(71.9% 0.042 285.3)

TraditionalWisteria」· PaintCobalt Blue」· Creative Lavender Dream

#A188B9

Lilac · DarkGray · Lilac Purple

HEX
#A188B9
RGB
rgb(161, 136, 185)
HSL
hsl(271, 26%, 63%)
HSB
hsb(271, 26%, 73%)
CMYK
cmyk(13%, 26%, 0%, 27%)
Oklch
oklch(66.7% 0.076 307.6)

TraditionalLilac」· PaintLilac Purple」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6CFB5
B3BBD5

Analogous

D5BDB3
D6CFB5
CCD5B3

Triadic

D6CFB5
B3D5CE
CEB3D5

Split-Comp.

D6CFB5
B3CCD5
BDB3D5

Tetradic

D6CFB5
B3D5BD
B3BBD5
D5B3CC

Contrast Matrix WCAG 2.1 Contrast

D6CFB5
C0A5A5
D8B7B7
A1A1BE
A188B9
1.5
Fail
1.2
Fail
1.6
Fail
2.0
Fail
1.5
Fail
1.2
Fail
1.1
Fail
1.4
Fail
1.2
Fail
1.2
Fail
1.4
Fail
1.7
Fail
1.6
Fail
1.1
Fail
1.4
Fail
1.2
Fail
2.0
Fail
1.4
Fail
1.7
Fail
1.2
Fail
White BG
1.6Fail
2.3Fail
1.8Fail
2.5Fail
3.1AA Large
Black BG
13.5AAA
9.2AAA
11.4AAA
8.4AAA
6.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D3D3BB
B4B4A5
CAC9B7
A1A1B7
9696AD

Deuteranopia

D3D4BD
B6B8A5
CCCEB7
A1A1B5
989AAA

Tritanopia

D6C0C1
BFA5A5
D6B7B7
A1B1B0
A0A4A2

Achromatopsia

CECECE
ADADAD
C1C1C1
A4A4A4
959595

Shades & Tints Shades & Tints

#D6CFB5

Dark
Light

#C0A5A5

Dark
Light

#D8B7B7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6cfb5;
  --color-2: #c0a5a5;
  --color-3: #d8b7b7;
  --color-4: #a1a1be;
  --color-5: #a188b9;
}

SCSS

$color-1: #d6cfb5;
$color-2: #c0a5a5;
$color-3: #d8b7b7;
$color-4: #a1a1be;
$color-5: #a188b9;

TAILWIND

colors: {
  'brand-1': '#d6cfb5',
  'brand-2': '#c0a5a5',
  'brand-3': '#d8b7b7',
  'brand-4': '#a1a1be',
  'brand-5': '#a188b9',
}

RGB Array

[214, 207, 181], [192, 165, 165], [216, 183, 183], [161, 161, 190], [161, 136, 185]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #D6CFB5, #C0A5A5, #D8B7B7, #A1A1BE, #A188B9 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: #d6cfb5; --color-2: #c0a5a5; --color-3: #d8b7b7; --color-4: #a1a1be; --color-5: #a188b9. 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