← Back to Editor

#FFD9D9 · #B0E0F8 · #F3EDDD · #D2CCEE · #A8B8D8

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

#FFD9D9

Peach Pink · Bisque · Cherry Blossom

HEX
#FFD9D9
RGB
rgb(255, 217, 217)
HSL
hsl(0, 100%, 93%)
HSB
hsb(0, 15%, 100%)
CMYK
cmyk(0%, 15%, 15%, 0%)
Oklch
oklch(91.7% 0.042 18.0)

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

#B0E0F8

Sky Blue · LightBlue · Sky Blue

HEX
#B0E0F8
RGB
rgb(176, 224, 248)
HSL
hsl(200, 84%, 83%)
HSB
hsb(200, 29%, 97%)
CMYK
cmyk(29%, 10%, 0%, 3%)
Oklch
oklch(88.1% 0.060 229.9)

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

#F3EDDD

Goose Yellow · Beige · Lemon Cream

HEX
#F3EDDD
RGB
rgb(243, 237, 221)
HSL
hsl(44, 48%, 91%)
HSB
hsb(44, 9%, 95%)
CMYK
cmyk(0%, 2%, 9%, 5%)
Oklch
oklch(94.6% 0.022 89.8)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#D2CCEE

Wisteria · LightGray · Sky Blue

HEX
#D2CCEE
RGB
rgb(210, 204, 238)
HSL
hsl(251, 50%, 87%)
HSB
hsb(251, 14%, 93%)
CMYK
cmyk(12%, 14%, 0%, 7%)
Oklch
oklch(86.1% 0.047 293.5)

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

#A8B8D8

Azure · LightSteelBlue · Cobalt Blue

HEX
#A8B8D8
RGB
rgb(168, 184, 216)
HSL
hsl(220, 38%, 75%)
HSB
hsb(220, 22%, 85%)
CMYK
cmyk(22%, 15%, 0%, 15%)
Oklch
oklch(78.1% 0.049 264.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFD9D9
DBFFFF

Analogous

FFDBED
FFD9D9
FFEDDB

Triadic

FFD9D9
DBFFDB
DBDBFF

Split-Comp.

FFD9D9
DBFFED
DBEDFF

Tetradic

FFD9D9
EDFFDB
DBFFFF
EDDBFF

Contrast Matrix WCAG 2.1 Contrast

FFD9D9
B0E0F8
F3EDDD
D2CCEE
A8B8D8
—
1.1
Fail
1.1
Fail
1.2
Fail
1.5
Fail
1.1
Fail
—
1.2
Fail
1.1
Fail
1.4
Fail
1.1
Fail
1.2
Fail
—
1.3
Fail
1.7
Fail
1.2
Fail
1.1
Fail
1.3
Fail
—
1.3
Fail
1.5
Fail
1.4
Fail
1.7
Fail
1.3
Fail
—
White BG
1.3Fail
1.4Fail
1.2Fail
1.5Fail
2.0Fail
Black BG
16.2AAA
14.9AAA
18.0AAA
13.6AAA
10.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEED9
C5C5F2
F0F0E1
CFCFE6
AFAFD0

Deuteranopia

F1F4D9
C2BEF1
F1F1E2
D0D0E4
AEADCE

Tritanopia

FDD9D9
B2EEED
F3E4E5
D2DFDE
A9CAC9

Achromatopsia

E4E4E4
D4D4D4
EDEDED
D2D2D2
B7B7B7

Shades & Tints Shades & Tints

#FFD9D9

Dark
Light

#B0E0F8

Dark
Light

#F3EDDD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffd9d9;
  --color-2: #b0e0f8;
  --color-3: #f3eddd;
  --color-4: #d2ccee;
  --color-5: #a8b8d8;
}

SCSS

$color-1: #ffd9d9;
$color-2: #b0e0f8;
$color-3: #f3eddd;
$color-4: #d2ccee;
$color-5: #a8b8d8;

TAILWIND

colors: {
  'brand-1': '#ffd9d9',
  'brand-2': '#b0e0f8',
  'brand-3': '#f3eddd',
  'brand-4': '#d2ccee',
  'brand-5': '#a8b8d8',
}

RGB Array

[255, 217, 217], [176, 224, 248], [243, 237, 221], [210, 204, 238], [168, 184, 216]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #FFD9D9, #B0E0F8, #F3EDDD, #D2CCEE, #A8B8D8 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: #ffd9d9; --color-2: #b0e0f8; --color-3: #f3eddd; --color-4: #d2ccee; --color-5: #a8b8d8. 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