← Back to Editor

#D669BD · #D886BA · #BFBBF2 · #AAEDF2 · #E4F6F7

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#D669BD

Mauve · Orchid · Lilac Purple

HEX
#D669BD
RGB
rgb(214, 105, 189)
HSL
hsl(314, 57%, 63%)
HSB
hsb(314, 51%, 84%)
CMYK
cmyk(0%, 51%, 12%, 16%)
Oklch
oklch(67.7% 0.169 336.8)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#D886BA

Mauve · Orchid · Rose Pink

HEX
#D886BA
RGB
rgb(216, 134, 186)
HSL
hsl(322, 51%, 69%)
HSB
hsb(322, 38%, 85%)
CMYK
cmyk(0%, 38%, 14%, 15%)
Oklch
oklch(72.1% 0.119 342.0)

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

#BFBBF2

Wisteria · LightSteelBlue · Sky Blue

HEX
#BFBBF2
RGB
rgb(191, 187, 242)
HSL
hsl(244, 68%, 84%)
HSB
hsb(244, 23%, 95%)
CMYK
cmyk(21%, 23%, 0%, 5%)
Oklch
oklch(81.4% 0.077 287.9)

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

#AAEDF2

Sky Blue · LightBlue · Glacier Blue

HEX
#AAEDF2
RGB
rgb(170, 237, 242)
HSL
hsl(184, 73%, 81%)
HSB
hsb(184, 30%, 95%)
CMYK
cmyk(30%, 2%, 0%, 5%)
Oklch
oklch(90.3% 0.067 201.9)

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

#E4F6F7

Sky Blue · Lavender · Glacier Blue

HEX
#E4F6F7
RGB
rgb(228, 246, 247)
HSL
hsl(183, 54%, 93%)
HSB
hsb(183, 8%, 97%)
CMYK
cmyk(8%, 0%, 0%, 3%)
Oklch
oklch(96.0% 0.019 200.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D669BD
6BD684

Analogous

BA6BD6
D669BD
D66B88

Triadic

D669BD
BDD66B
6BBDD6

Split-Comp.

D669BD
88D66B
6BD6BA

Tetradic

D669BD
D6BA6B
6BD684
6B88D6

Contrast Matrix WCAG 2.1 Contrast

D669BD
D886BA
BFBBF2
AAEDF2
E4F6F7
—
1.2
Fail
1.8
Fail
2.4
Fail
2.8
Fail
1.2
Fail
—
1.4
Fail
2.0
Fail
2.3
Fail
1.8
Fail
1.4
Fail
—
1.4
Fail
1.6
Fail
2.4
Fail
2.0
Fail
1.4
Fail
—
1.2
Fail
2.8
Fail
2.3
Fail
1.6
Fail
1.2
Fail
—
White BG
3.2AA Large
2.6Fail
1.8Fail
1.3Fail
1.1Fail
Black BG
6.6AA
8.0AAA
11.6AAA
16.1AAA
18.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A7A6A9
B4B4AD
BDBDE5
C7C8F1
ECECF7

Deuteranopia

ADB5A4
B9BFAA
BEBEE1
C3BEF0
EBE9F7

Tritanopia

D19995
D4A3A1
BFDAD8
ADF0F0
E5F7F7

Achromatopsia

939393
A4A4A4
C2C2C2
DADADA
F1F1F1

Shades & Tints Shades & Tints

#D669BD

Dark
Light

#D886BA

Dark
Light

#BFBBF2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d669bd;
  --color-2: #d886ba;
  --color-3: #bfbbf2;
  --color-4: #aaedf2;
  --color-5: #e4f6f7;
}

SCSS

$color-1: #d669bd;
$color-2: #d886ba;
$color-3: #bfbbf2;
$color-4: #aaedf2;
$color-5: #e4f6f7;

TAILWIND

colors: {
  'brand-1': '#d669bd',
  'brand-2': '#d886ba',
  'brand-3': '#bfbbf2',
  'brand-4': '#aaedf2',
  'brand-5': '#e4f6f7',
}

RGB Array

[214, 105, 189], [216, 134, 186], [191, 187, 242], [170, 237, 242], [228, 246, 247]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #D669BD, #D886BA, #BFBBF2, #AAEDF2, #E4F6F7 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #d669bd; --color-2: #d886ba; --color-3: #bfbbf2; --color-4: #aaedf2; --color-5: #e4f6f7. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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