#BFB9C0 + #D9CAE6 + #E9D0E1 + #FFD6DF + #FFC9BF · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#BFB9C0

Silver Gray · Silver · Pearl Gray

HEX

#BFB9C0

RGB

rgb(191, 185, 192)

HSL

hsl(291, 5%, 74%)

HSB

hsb(291, 4%, 75%)

CMYK

cmyk(1%, 4%, 0%, 25%)

Oklch

oklch(79.3% 0.012 321.3)

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

#D9CAE6

Lilac · LightGray · Lavender

HEX

#D9CAE6

RGB

rgb(217, 202, 230)

HSL

hsl(272, 36%, 85%)

HSB

hsb(272, 12%, 90%)

CMYK

cmyk(6%, 12%, 0%, 10%)

Oklch

oklch(86.0% 0.041 309.4)

Traditional「Lilac」· Paint「Lavender」· Creative Lavender Dream

#E9D0E1

Mauve · LightGray · Lavender

HEX

#E9D0E1

RGB

rgb(233, 208, 225)

HSL

hsl(319, 36%, 86%)

HSB

hsb(319, 11%, 91%)

CMYK

cmyk(0%, 11%, 3%, 9%)

Oklch

oklch(88.3% 0.036 337.5)

Traditional「Mauve」· Paint「Lavender」· Creative Rose Petal

#FFD6DF

Peach Pink · Linen · Cherry Blossom

HEX

#FFD6DF

RGB

rgb(255, 214, 223)

HSL

hsl(347, 100%, 92%)

HSB

hsb(347, 16%, 100%)

CMYK

cmyk(0%, 16%, 13%, 0%)

Oklch

oklch(91.3% 0.047 3.3)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#FFC9BF

Peach Pink · Pink · Cherry Blossom

HEX

#FFC9BF

RGB

rgb(255, 201, 191)

HSL

hsl(9, 100%, 87%)

HSB

hsb(9, 25%, 100%)

CMYK

cmyk(0%, 21%, 25%, 0%)

Oklch

oklch(88.1% 0.063 30.4)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BFB9C0

BAC0B9

Analogous

BCB9C0

BFB9C0

C0B9BE

Triadic

BFB9C0

C0BFB9

B9C0BF

Split-Comp.

BFB9C0

BEC0B9

B9C0BC

Tetradic

BFB9C0

C0BCB9

BAC0B9

B9BEC0

Contrast Matrix WCAG 2.1 Contrast

BFB9C0	D9CAE6	E9D0E1	FFD6DF	FFC9BF
—	1.2 Fail	1.3 Fail	1.5 Fail	1.3 Fail
1.2 Fail	—	1.1 Fail	1.2 Fail	1.1 Fail
1.3 Fail	1.1 Fail	—	1.1 Fail	1.0 Fail
1.5 Fail	1.2 Fail	1.1 Fail	—	1.1 Fail
1.3 Fail	1.1 Fail	1.0 Fail	1.1 Fail	—

White BG

1.9Fail

1.6Fail

1.4Fail

1.3Fail

1.5Fail

Black BG

10.9AAA

13.5AAA

14.6AAA

15.9AAA

14.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BCBCBE

D3D2DF

DEDEDD

EDEDDD

E8E7C1

Deuteranopia

BDBDBE

D3D4DE

E0E2DC

F0F3DC

EBEFC2

Tritanopia

BFBDBD

D8DAD9

E8DAD9

FDDBDB

FCC3C4

Achromatopsia

BCBCBC

D2D2D2

D9D9D9

E3E3E3

D8D8D8

Shades & Tints Shades & Tints

#BFB9C0

Dark

Light

#D9CAE6

Dark

Light

#E9D0E1

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bfb9c0;
  --color-2: #d9cae6;
  --color-3: #e9d0e1;
  --color-4: #ffd6df;
  --color-5: #ffc9bf;
}

SCSS

$color-1: #bfb9c0;
$color-2: #d9cae6;
$color-3: #e9d0e1;
$color-4: #ffd6df;
$color-5: #ffc9bf;

TAILWIND

colors: {
  'brand-1': '#bfb9c0',
  'brand-2': '#d9cae6',
  'brand-3': '#e9d0e1',
  'brand-4': '#ffd6df',
  'brand-5': '#ffc9bf',
}

RGB Array

[191, 185, 192], [217, 202, 230], [233, 208, 225], [255, 214, 223], [255, 201, 191]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #BFB9C0, #D9CAE6, #E9D0E1, #FFD6DF, #FFC9BF 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: #bfb9c0; --color-2: #d9cae6; --color-3: #e9d0e1; --color-4: #ffd6df; --color-5: #ffc9bf. 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 cool-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