#BFB8CC + #AAB2F0 + #B5A3EC + #C59DDF + #DDA2C8 · 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

#BFB8CC

Wisteria · Silver · Lilac Purple

HEX

#BFB8CC

RGB

rgb(191, 184, 204)

HSL

hsl(261, 16%, 76%)

HSB

hsb(261, 10%, 80%)

CMYK

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

Oklch

oklch(79.5% 0.029 301.6)

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

#AAB2F0

Azure · LightSteelBlue · Cobalt Blue

HEX

#AAB2F0

RGB

rgb(170, 178, 240)

HSL

hsl(233, 70%, 80%)

HSB

hsb(233, 29%, 94%)

CMYK

cmyk(29%, 26%, 0%, 6%)

Oklch

oklch(78.0% 0.089 278.4)

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

#B5A3EC

Wisteria · LightSteelBlue · Cobalt Blue

HEX

#B5A3EC

RGB

rgb(181, 163, 236)

HSL

hsl(255, 66%, 78%)

HSB

hsb(255, 31%, 93%)

CMYK

cmyk(23%, 31%, 0%, 7%)

Oklch

oklch(75.8% 0.105 295.1)

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

#C59DDF

Lilac · LightSteelBlue · Lilac Purple

HEX

#C59DDF

RGB

rgb(197, 157, 223)

HSL

hsl(276, 51%, 75%)

HSB

hsb(276, 30%, 87%)

CMYK

cmyk(12%, 30%, 0%, 13%)

Oklch

oklch(75.5% 0.102 311.6)

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

#DDA2C8

Mauve · LightPink · Rose Pink

HEX

#DDA2C8

RGB

rgb(221, 162, 200)

HSL

hsl(321, 46%, 75%)

HSB

hsb(321, 27%, 87%)

CMYK

cmyk(0%, 27%, 10%, 13%)

Oklch

oklch(77.9% 0.085 340.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BFB8CC

C5CCB8

Analogous

B8BBCC

BFB8CC

C9B8CC

Triadic

BFB8CC

CCBFB8

B8CCBF

Split-Comp.

BFB8CC

CCC9B8

BBCCB8

Tetradic

BFB8CC

CCB8BB

C5CCB8

B8CCC9

Contrast Matrix WCAG 2.1 Contrast

BFB8CC	AAB2F0	B5A3EC	C59DDF	DDA2C8
—	1.1 Fail	1.2 Fail	1.2 Fail	1.1 Fail
1.1 Fail	—	1.1 Fail	1.1 Fail	1.0 Fail
1.2 Fail	1.1 Fail	—	1.0 Fail	1.1 Fail
1.2 Fail	1.1 Fail	1.0 Fail	—	1.1 Fail
1.1 Fail	1.0 Fail	1.1 Fail	1.1 Fail	—

White BG

1.9Fail

2.0Fail

2.2Fail

2.3Fail

2.1Fail

Black BG

10.9AAA

10.3AAA

9.4AAA

9.3AAA

10.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BCBCC7

ADAEE1

ADADDA

B4B3CF

C3C3BF

Deuteranopia

BCBDC6

ADACDD

AEB0D6

B6B9CB

C7CBBD

Tritanopia

BFC3C3

AAD5D3

B4CCC9

C3C2C0

DAB8B6

Achromatopsia

BCBCBC

B7B7B7

B1B1B1

B0B0B0

B8B8B8

Shades & Tints Shades & Tints

#BFB8CC

Dark

Light

#AAB2F0

Dark

Light

#B5A3EC

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bfb8cc;
  --color-2: #aab2f0;
  --color-3: #b5a3ec;
  --color-4: #c59ddf;
  --color-5: #dda2c8;
}

SCSS

$color-1: #bfb8cc;
$color-2: #aab2f0;
$color-3: #b5a3ec;
$color-4: #c59ddf;
$color-5: #dda2c8;

TAILWIND

colors: {
  'brand-1': '#bfb8cc',
  'brand-2': '#aab2f0',
  'brand-3': '#b5a3ec',
  'brand-4': '#c59ddf',
  'brand-5': '#dda2c8',
}

RGB Array

[191, 184, 204], [170, 178, 240], [181, 163, 236], [197, 157, 223], [221, 162, 200]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #BFB8CC, #AAB2F0, #B5A3EC, #C59DDF, #DDA2C8 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: #bfb8cc; --color-2: #aab2f0; --color-3: #b5a3ec; --color-4: #c59ddf; --color-5: #dda2c8. 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