#B2CFE7 + #C1B5CF + #D09AB7 + #DF809F + #EE6688 · 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

#B2CFE7

Sky Blue · LightBlue · Cobalt Blue

HEX

#B2CFE7

RGB

rgb(178, 207, 231)

HSL

hsl(207, 52%, 80%)

HSB

hsb(207, 23%, 91%)

CMYK

cmyk(23%, 10%, 0%, 9%)

Oklch

oklch(84.1% 0.046 243.3)

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

#C1B5CF

Wisteria · Silver · Lilac Purple

HEX

#C1B5CF

RGB

rgb(193, 181, 207)

HSL

hsl(268, 21%, 76%)

HSB

hsb(268, 13%, 81%)

CMYK

cmyk(7%, 13%, 0%, 19%)

Oklch

oklch(79.1% 0.039 306.3)

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

#D09AB7

Mauve · Silver · Rose Pink

HEX

#D09AB7

RGB

rgb(208, 154, 183)

HSL

hsl(328, 36%, 71%)

HSB

hsb(328, 26%, 82%)

CMYK

cmyk(0%, 26%, 12%, 18%)

Oklch

oklch(74.6% 0.075 345.6)

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

#DF809F

Rouge · LightCoral · Rose Pink

HEX

#DF809F

RGB

rgb(223, 128, 159)

HSL

hsl(340, 60%, 69%)

HSB

hsb(340, 43%, 87%)

CMYK

cmyk(0%, 43%, 29%, 13%)

Oklch

oklch(71.1% 0.122 359.7)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#EE6688

Peach Pink · LightCoral · Coral Red

HEX

#EE6688

RGB

rgb(238, 102, 136)

HSL

hsl(345, 80%, 67%)

HSB

hsb(345, 57%, 93%)

CMYK

cmyk(0%, 57%, 43%, 7%)

Oklch

oklch(68.7% 0.170 7.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B2CFE7

E7C9B1

Analogous

B1E7E4

B2CFE7

B1B4E7

Triadic

B2CFE7

E7B1CF

CFE7B1

Split-Comp.

B2CFE7

E7B1B4

E7E4B1

Tetradic

B2CFE7

E4B1E7

E7C9B1

B4E7B1

Contrast Matrix WCAG 2.1 Contrast

B2CFE7	C1B5CF	D09AB7	DF809F	EE6688
—	1.2 Fail	1.4 Fail	1.7 Fail	1.9 Fail
1.2 Fail	—	1.2 Fail	1.4 Fail	1.6 Fail
1.4 Fail	1.2 Fail	—	1.2 Fail	1.3 Fail
1.7 Fail	1.4 Fail	1.2 Fail	—	1.1 Fail
1.9 Fail	1.6 Fail	1.3 Fail	1.1 Fail	—

White BG

1.6Fail

1.9Fail

2.3Fail

2.7Fail

3.0AA Large

Black BG

13.0AAA

10.8AAA

9.0AAA

7.7AAA

6.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BFBFE1

BCBCC9

B9B8B0

B6B597

B3B280

Deuteranopia

BDBBE0

BDBDC7

BCC0AE

BBC396

BBC57E

Tritanopia

B3DDDC

C0C4C3

CDAAA9

DA9290

E77978

Achromatopsia

C9C9C9

BCBCBC

ADADAD

A0A0A0

939393

Shades & Tints Shades & Tints

#B2CFE7

Dark

Light

#C1B5CF

Dark

Light

#D09AB7

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b2cfe7;
  --color-2: #c1b5cf;
  --color-3: #d09ab7;
  --color-4: #df809f;
  --color-5: #ee6688;
}

SCSS

$color-1: #b2cfe7;
$color-2: #c1b5cf;
$color-3: #d09ab7;
$color-4: #df809f;
$color-5: #ee6688;

TAILWIND

colors: {
  'brand-1': '#b2cfe7',
  'brand-2': '#c1b5cf',
  'brand-3': '#d09ab7',
  'brand-4': '#df809f',
  'brand-5': '#ee6688',
}

RGB Array

[178, 207, 231], [193, 181, 207], [208, 154, 183], [223, 128, 159], [238, 102, 136]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #B2CFE7, #C1B5CF, #D09AB7, #DF809F, #EE6688 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: #b2cfe7; --color-2: #c1b5cf; --color-3: #d09ab7; --color-4: #df809f; --color-5: #ee6688. 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