← Back to Editor

#8B969C · #B7CBD4 · #D8DDD9 · #DBE5E7 · #BDD1D2

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#8B969C

Slate Blue · LightSlateGray · Silver Sand

HEX
#8B969C
RGB
rgb(139, 150, 156)
HSL
hsl(201, 8%, 58%)
HSB
hsb(201, 11%, 61%)
CMYK
cmyk(11%, 4%, 0%, 39%)
Oklch
oklch(66.6% 0.016 231.3)

Traditional「Slate Blue」· Paint「Silver Sand」· Creative Urban Concrete

#B7CBD4

Sky Blue · LightSteelBlue · Glacier Blue

HEX
#B7CBD4
RGB
rgb(183, 203, 212)
HSL
hsl(199, 25%, 77%)
HSB
hsb(199, 14%, 83%)
CMYK
cmyk(14%, 4%, 0%, 17%)
Oklch
oklch(83.0% 0.025 226.5)

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

#D8DDD9

Plain White · LightGray · Cloud White

HEX
#D8DDD9
RGB
rgb(216, 221, 217)
HSL
hsl(132, 7%, 86%)
HSB
hsb(132, 2%, 87%)
CMYK
cmyk(2%, 0%, 2%, 13%)
Oklch
oklch(89.3% 0.008 151.9)

Traditional「Plain White」· Paint「Cloud White」· Creative Silver Lining

#DBE5E7

Sky Blue · Lavender · Glacier Blue

HEX
#DBE5E7
RGB
rgb(219, 229, 231)
HSL
hsl(190, 20%, 88%)
HSB
hsb(190, 5%, 91%)
CMYK
cmyk(5%, 1%, 0%, 9%)
Oklch
oklch(91.5% 0.011 211.0)

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

#BDD1D2

Sky Blue · LightSteelBlue · Glacier Blue

HEX
#BDD1D2
RGB
rgb(189, 209, 210)
HSL
hsl(183, 19%, 78%)
HSB
hsb(183, 10%, 82%)
CMYK
cmyk(10%, 0%, 0%, 18%)
Oklch
oklch(84.6% 0.022 200.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8B969C
9C918B

Analogous

8B9C9A
8B969C
8B8E9C

Triadic

8B969C
9C8B96
969C8B

Split-Comp.

8B969C
9C8B8E
9C9A8B

Tetradic

8B969C
9A8B9C
9C918B
8E9C8B

Contrast Matrix WCAG 2.1 Contrast

8B969C
B7CBD4
D8DDD9
DBE5E7
BDD1D2
—
1.8
Fail
2.2
Fail
2.4
Fail
1.9
Fail
1.8
Fail
—
1.2
Fail
1.3
Fail
1.1
Fail
2.2
Fail
1.2
Fail
—
1.1
Fail
1.2
Fail
2.4
Fail
1.3
Fail
1.1
Fail
—
1.2
Fail
1.9
Fail
1.1
Fail
1.2
Fail
1.2
Fail
—
White BG
3.0AA Large
1.7Fail
1.4Fail
1.3Fail
1.6Fail
Black BG
6.9AA
12.5AAA
15.3AAA
16.4AAA
13.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

90909B
C0C0D2
DADADA
DFDFE7
C6C6D2

Deuteranopia

8F8E9A
BFBDD1
DADADA
DFDEE6
C5C3D2

Tritanopia

8C9999
B8D0D0
D8DBDB
DBE6E6
BED2D2

Achromatopsia

939393
C6C6C6
DBDBDB
E2E2E2
CBCBCB

Shades & Tints Shades & Tints

#8B969C

Dark
Light

#B7CBD4

Dark
Light

#D8DDD9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8b969c;
  --color-2: #b7cbd4;
  --color-3: #d8ddd9;
  --color-4: #dbe5e7;
  --color-5: #bdd1d2;
}

SCSS

$color-1: #8b969c;
$color-2: #b7cbd4;
$color-3: #d8ddd9;
$color-4: #dbe5e7;
$color-5: #bdd1d2;

TAILWIND

colors: {
  'brand-1': '#8b969c',
  'brand-2': '#b7cbd4',
  'brand-3': '#d8ddd9',
  'brand-4': '#dbe5e7',
  'brand-5': '#bdd1d2',
}

RGB Array

[139, 150, 156], [183, 203, 212], [216, 221, 217], [219, 229, 231], [189, 209, 210]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #8B969C, #B7CBD4, #D8DDD9, #DBE5E7, #BDD1D2 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: #8b969c; --color-2: #b7cbd4; --color-3: #d8ddd9; --color-4: #dbe5e7; --color-5: #bdd1d2. 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