← Back to Editor

#CBB6C5 · #B8D5D1 · #C7BDC6 · #C0CBC7 · #CADADA

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

#CBB6C5

Mauve · Silver · Lilac Purple

HEX
#CBB6C5
RGB
rgb(203, 182, 197)
HSL
hsl(317, 17%, 75%)
HSB
hsb(317, 10%, 80%)
CMYK
cmyk(0%, 10%, 3%, 20%)
Oklch
oklch(79.9% 0.031 336.0)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#B8D5D1

Jade · LightSteelBlue · Glacier Blue

HEX
#B8D5D1
RGB
rgb(184, 213, 209)
HSL
hsl(172, 26%, 78%)
HSB
hsb(172, 14%, 84%)
CMYK
cmyk(14%, 0%, 2%, 16%)
Oklch
oklch(85.1% 0.031 186.5)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#C7BDC6

Mauve · Silver · Pearl Gray

HEX
#C7BDC6
RGB
rgb(199, 189, 198)
HSL
hsl(306, 8%, 76%)
HSB
hsb(306, 5%, 78%)
CMYK
cmyk(0%, 5%, 1%, 22%)
Oklch
oklch(80.9% 0.017 328.8)

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

#C0CBC7

Jade · Silver · Apple Green

HEX
#C0CBC7
RGB
rgb(192, 203, 199)
HSL
hsl(158, 10%, 77%)
HSB
hsb(158, 5%, 80%)
CMYK
cmyk(5%, 0%, 2%, 20%)
Oklch
oklch(83.2% 0.013 172.3)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#CADADA

Sky Blue · LightGray · Glacier Blue

HEX
#CADADA
RGB
rgb(202, 218, 218)
HSL
hsl(180, 18%, 82%)
HSB
hsb(180, 7%, 85%)
CMYK
cmyk(7%, 0%, 0%, 15%)
Oklch
oklch(87.6% 0.017 196.8)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CBB6C5
B4CABB

Analogous

C5B4CA
CBB6C5
CAB4B9

Triadic

CBB6C5
C4CAB4
B4C4CA

Split-Comp.

CBB6C5
B9CAB4
B4CAC5

Tetradic

CBB6C5
CAC5B4
B4CABB
B4B9CA

Contrast Matrix WCAG 2.1 Contrast

CBB6C5
B8D5D1
C7BDC6
C0CBC7
CADADA
—
1.2
Fail
1.0
Fail
1.1
Fail
1.3
Fail
1.2
Fail
—
1.2
Fail
1.1
Fail
1.1
Fail
1.0
Fail
1.2
Fail
—
1.1
Fail
1.3
Fail
1.1
Fail
1.1
Fail
1.1
Fail
—
1.2
Fail
1.3
Fail
1.1
Fail
1.3
Fail
1.2
Fail
—
White BG
1.9Fail
1.6Fail
1.8Fail
1.7Fail
1.4Fail
Black BG
11.0AAA
13.5AAA
11.5AAA
12.6AAA
14.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C2C2C1
C5C5D2
C3C3C4
C5C5C8
D1D1DA

Deuteranopia

C3C5C0
C3C1D2
C3C4C3
C4C3C8
D0CFDA

Tritanopia

CABFBE
B9D3D3
C6C2C2
C1C9C9
CBDADA

Achromatopsia

BEBEBE
CCCCCC
C1C1C1
C7C7C7
D5D5D5

Shades & Tints Shades & Tints

#CBB6C5

Dark
Light

#B8D5D1

Dark
Light

#C7BDC6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cbb6c5;
  --color-2: #b8d5d1;
  --color-3: #c7bdc6;
  --color-4: #c0cbc7;
  --color-5: #cadada;
}

SCSS

$color-1: #cbb6c5;
$color-2: #b8d5d1;
$color-3: #c7bdc6;
$color-4: #c0cbc7;
$color-5: #cadada;

TAILWIND

colors: {
  'brand-1': '#cbb6c5',
  'brand-2': '#b8d5d1',
  'brand-3': '#c7bdc6',
  'brand-4': '#c0cbc7',
  'brand-5': '#cadada',
}

RGB Array

[203, 182, 197], [184, 213, 209], [199, 189, 198], [192, 203, 199], [202, 218, 218]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #CBB6C5, #B8D5D1, #C7BDC6, #C0CBC7, #CADADA 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: #cbb6c5; --color-2: #b8d5d1; --color-3: #c7bdc6; --color-4: #c0cbc7; --color-5: #cadada. 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