#C2C1BF + #AAA8A9 + #BDBCDE + #BCC0FF + #9DD1FF · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#C2C1BF

Silver Gray · Silver · Pearl Gray

HEX

#C2C1BF

RGB

rgb(194, 193, 191)

HSL

hsl(40, 2%, 75%)

HSB

hsb(40, 2%, 76%)

CMYK

cmyk(0%, 1%, 2%, 24%)

Oklch

oklch(81.1% 0.003 84.6)

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

#AAA8A9

Ash · DarkGray · Silver Sand

HEX

#AAA8A9

RGB

rgb(170, 168, 169)

HSL

hsl(330, 1%, 66%)

HSB

hsb(330, 1%, 67%)

CMYK

cmyk(0%, 1%, 1%, 33%)

Oklch

oklch(73.4% 0.003 345.2)

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

#BDBCDE

Wisteria · LightSteelBlue · Cobalt Blue

HEX

#BDBCDE

RGB

rgb(189, 188, 222)

HSL

hsl(242, 34%, 80%)

HSB

hsb(242, 15%, 87%)

CMYK

cmyk(15%, 15%, 0%, 13%)

Oklch

oklch(80.7% 0.048 286.6)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

#BCC0FF

Azure · LightSteelBlue · Sky Blue

HEX

#BCC0FF

RGB

rgb(188, 192, 255)

HSL

hsl(236, 100%, 87%)

HSB

hsb(236, 26%, 100%)

CMYK

cmyk(26%, 25%, 0%, 0%)

Oklch

oklch(82.7% 0.088 281.4)

Traditional「Azure」· Paint「Sky Blue」· Creative Twilight Haze

#9DD1FF

Sky Blue · LightSkyBlue · Sky Blue

HEX

#9DD1FF

RGB

rgb(157, 209, 255)

HSL

hsl(208, 100%, 81%)

HSB

hsb(208, 38%, 100%)

CMYK

cmyk(38%, 18%, 0%, 0%)

Oklch

oklch(84.1% 0.084 245.7)

Traditional「Sky Blue」· Paint「Sky Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C2C1BF

BEBFC1

Analogous

C1BEBE

C2C1BF

C0C1BE

Triadic

C2C1BF

BEC1C0

C0BEC1

Split-Comp.

C2C1BF

BEC0C1

BEBEC1

Tetradic

C2C1BF

BEC1BE

BEBFC1

C1BEC0

Contrast Matrix WCAG 2.1 Contrast

C2C1BF	AAA8A9	BDBCDE	BCC0FF	9DD1FF
—	1.3 Fail	1.0 Fail	1.0 Fail	1.1 Fail
1.3 Fail	—	1.3 Fail	1.4 Fail	1.5 Fail
1.0 Fail	1.3 Fail	—	1.1 Fail	1.1 Fail
1.0 Fail	1.4 Fail	1.1 Fail	—	1.1 Fail
1.1 Fail	1.5 Fail	1.1 Fail	1.1 Fail	—

White BG

1.8Fail

2.4Fail

1.8Fail

1.7Fail

1.6Fail

Black BG

11.7AAA

8.9AAA

11.4AAA

12.1AAA

13.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C2C2BF

A9A9A9

BDBDD6

BEBEF0

B4B4F4

Deuteranopia

C2C2C0

A9A9A9

BDBDD4

BEBDEC

B1ADF1

Tritanopia

C2C0C0

AAA9A9

BDCFCE

BCE4E1

A0EBE9

Achromatopsia

C1C1C1

A9A9A9

C0C0C0

C6C6C6

C7C7C7

Shades & Tints Shades & Tints

#C2C1BF

Dark

Light

#AAA8A9

Dark

Light

#BDBCDE

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c2c1bf;
  --color-2: #aaa8a9;
  --color-3: #bdbcde;
  --color-4: #bcc0ff;
  --color-5: #9dd1ff;
}

SCSS

$color-1: #c2c1bf;
$color-2: #aaa8a9;
$color-3: #bdbcde;
$color-4: #bcc0ff;
$color-5: #9dd1ff;

TAILWIND

colors: {
  'brand-1': '#c2c1bf',
  'brand-2': '#aaa8a9',
  'brand-3': '#bdbcde',
  'brand-4': '#bcc0ff',
  'brand-5': '#9dd1ff',
}

RGB Array

[194, 193, 191], [170, 168, 169], [189, 188, 222], [188, 192, 255], [157, 209, 255]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #C2C1BF, #AAA8A9, #BDBCDE, #BCC0FF, #9DD1FF is ideal for: health products, baby brands, fresh-style blogs. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #c2c1bf; --color-2: #aaa8a9; --color-3: #bdbcde; --color-4: #bcc0ff; --color-5: #9dd1ff. 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 tech, SaaS, healthcare, eco industries. 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