← Back to Editor

#C9D2CB · #D8E4DD · #D0A19C · #6F7E97 · #605D75

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

Color Details Color Details

#C9D2CB

Celadon · LightGray · Pearl Gray

HEX
#C9D2CB
RGB
rgb(201, 210, 203)
HSL
hsl(133, 9%, 81%)
HSB
hsb(133, 4%, 82%)
CMYK
cmyk(4%, 0%, 3%, 18%)
Oklch
oklch(85.5% 0.014 152.6)

Traditional「Celadon」· Paint「Pearl Gray」· Creative Silver Lining

#D8E4DD

Celadon · LightGray · Mint Green

HEX
#D8E4DD
RGB
rgb(216, 228, 221)
HSL
hsl(145, 18%, 87%)
HSB
hsb(145, 5%, 89%)
CMYK
cmyk(5%, 0%, 3%, 11%)
Oklch
oklch(90.8% 0.016 160.6)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

#D0A19C

Peach Pink · Tan · Coral Red

HEX
#D0A19C
RGB
rgb(208, 161, 156)
HSL
hsl(6, 36%, 71%)
HSB
hsb(6, 25%, 82%)
CMYK
cmyk(0%, 23%, 25%, 18%)
Oklch
oklch(75.1% 0.057 25.5)

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

#6F7E97

Azure · SlateGray · Navy Blue

HEX
#6F7E97
RGB
rgb(111, 126, 151)
HSL
hsl(218, 16%, 51%)
HSB
hsb(218, 26%, 59%)
CMYK
cmyk(26%, 17%, 0%, 41%)
Oklch
oklch(59.0% 0.042 260.6)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

#605D75

Deep Indigo · DimGray · Navy Blue

HEX
#605D75
RGB
rgb(96, 93, 117)
HSL
hsl(248, 11%, 41%)
HSB
hsb(248, 21%, 46%)
CMYK
cmyk(18%, 21%, 0%, 54%)
Oklch
oklch(49.0% 0.038 290.6)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C9D2CB
D3CAD1

Analogous

CDD3CA
C9D2CB
CAD3D0

Triadic

C9D2CB
CCCAD3
D3CCCA

Split-Comp.

C9D2CB
D0CAD3
D3CACD

Tetradic

C9D2CB
CACDD3
D3CAD1
D3D0CA

Contrast Matrix WCAG 2.1 Contrast

C9D2CB
D8E4DD
D0A19C
6F7E97
605D75
—
1.2
Fail
1.5
Fail
2.7
Fail
4.1
AA Large
1.2
Fail
—
1.7
Fail
3.1
AA Large
4.8
AA
1.5
Fail
1.7
Fail
—
1.8
Fail
2.8
Fail
2.7
Fail
3.1
AA Large
1.8
Fail
—
1.5
Fail
4.1
AA Large
4.8
AA
2.8
Fail
1.5
Fail
—
White BG
1.5Fail
1.3Fail
2.3Fail
4.1AA Large
6.3AA
Black BG
13.6AAA
16.1AAA
9.3AAA
5.1AA
3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

CDCDCD
DDDDDF
BCBB9D
757691
5F5F6F

Deuteranopia

CCCCCD
DDDCDF
BEC29E
757390
5F5F6E

Tritanopia

C9CECE
D9E0E0
CE9E9E
708C8B
606B6A

Achromatopsia

CFCFCF
E0E0E0
AEAEAE
7C7C7C
616161

Shades & Tints Shades & Tints

#C9D2CB

Dark
Light

#D8E4DD

Dark
Light

#D0A19C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c9d2cb;
  --color-2: #d8e4dd;
  --color-3: #d0a19c;
  --color-4: #6f7e97;
  --color-5: #605d75;
}

SCSS

$color-1: #c9d2cb;
$color-2: #d8e4dd;
$color-3: #d0a19c;
$color-4: #6f7e97;
$color-5: #605d75;

TAILWIND

colors: {
  'brand-1': '#c9d2cb',
  'brand-2': '#d8e4dd',
  'brand-3': '#d0a19c',
  'brand-4': '#6f7e97',
  'brand-5': '#605d75',
}

RGB Array

[201, 210, 203], [216, 228, 221], [208, 161, 156], [111, 126, 151], [96, 93, 117]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #C9D2CB, #D8E4DD, #D0A19C, #6F7E97, #605D75 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs, 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: #c9d2cb; --color-2: #d8e4dd; --color-3: #d0a19c; --color-4: #6f7e97; --color-5: #605d75. 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. 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 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