← Back to Editor

#FBB8F2 · #D7A4F2 · #C8C3E2 · #F4DDB2 · #F9EDCC

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

#FBB8F2

Mauve · Pink · Lavender

HEX
#FBB8F2
RGB
rgb(251, 184, 242)
HSL
hsl(308, 89%, 85%)
HSB
hsb(308, 27%, 98%)
CMYK
cmyk(0%, 27%, 4%, 2%)
Oklch
oklch(86.2% 0.107 331.2)

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

#D7A4F2

Lilac · Violet · Lilac Purple

HEX
#D7A4F2
RGB
rgb(215, 164, 242)
HSL
hsl(279, 75%, 80%)
HSB
hsb(279, 32%, 95%)
CMYK
cmyk(11%, 32%, 0%, 5%)
Oklch
oklch(79.3% 0.120 313.5)

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

#C8C3E2

Wisteria · LightSteelBlue · Sky Blue

HEX
#C8C3E2
RGB
rgb(200, 195, 226)
HSL
hsl(250, 35%, 83%)
HSB
hsb(250, 14%, 89%)
CMYK
cmyk(12%, 14%, 0%, 11%)
Oklch
oklch(83.1% 0.043 292.8)

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

#F4DDB2

Goose Yellow · Wheat · Peach Orange

HEX
#F4DDB2
RGB
rgb(244, 221, 178)
HSL
hsl(39, 75%, 83%)
HSB
hsb(39, 27%, 96%)
CMYK
cmyk(0%, 9%, 27%, 4%)
Oklch
oklch(90.6% 0.062 83.0)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#F9EDCC

Goose Yellow · Bisque · Lemon Cream

HEX
#F9EDCC
RGB
rgb(249, 237, 204)
HSL
hsl(44, 79%, 89%)
HSB
hsb(44, 18%, 98%)
CMYK
cmyk(0%, 5%, 18%, 2%)
Oklch
oklch(94.7% 0.045 90.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FBB8F2
B7FBC0

Analogous

E2B7FB
FBB8F2
FBB7D0

Triadic

FBB8F2
F2FBB7
B7F2FB

Split-Comp.

FBB8F2
D0FBB7
B7FBE2

Tetradic

FBB8F2
FBE2B7
B7FBC0
B7D0FB

Contrast Matrix WCAG 2.1 Contrast

FBB8F2
D7A4F2
C8C3E2
F4DDB2
F9EDCC
—
1.3
Fail
1.1
Fail
1.2
Fail
1.4
Fail
1.3
Fail
—
1.2
Fail
1.5
Fail
1.7
Fail
1.1
Fail
1.2
Fail
—
1.3
Fail
1.5
Fail
1.2
Fail
1.5
Fail
1.3
Fail
—
1.1
Fail
1.4
Fail
1.7
Fail
1.5
Fail
1.1
Fail
—
White BG
1.6Fail
2.0Fail
1.7Fail
1.3Fail
1.2Fail
Black BG
13.2AAA
10.5AAA
12.4AAA
15.8AAA
18.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DEDDE4
C1C0DF
C6C6DA
EAEABC
F4F4D4

Deuteranopia

E2E7E1
C4C8DB
C6C7D9
EBEDBF
F5F5D6

Tritanopia

F8D9D6
D4D0CD
C8D5D3
F3C5C6
F8DADC

Achromatopsia

D3D3D3
BCBCBC
C8C8C8
DFDFDF
EDEDED

Shades & Tints Shades & Tints

#FBB8F2

Dark
Light

#D7A4F2

Dark
Light

#C8C3E2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fbb8f2;
  --color-2: #d7a4f2;
  --color-3: #c8c3e2;
  --color-4: #f4ddb2;
  --color-5: #f9edcc;
}

SCSS

$color-1: #fbb8f2;
$color-2: #d7a4f2;
$color-3: #c8c3e2;
$color-4: #f4ddb2;
$color-5: #f9edcc;

TAILWIND

colors: {
  'brand-1': '#fbb8f2',
  'brand-2': '#d7a4f2',
  'brand-3': '#c8c3e2',
  'brand-4': '#f4ddb2',
  'brand-5': '#f9edcc',
}

RGB Array

[251, 184, 242], [215, 164, 242], [200, 195, 226], [244, 221, 178], [249, 237, 204]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #FBB8F2, #D7A4F2, #C8C3E2, #F4DDB2, #F9EDCC 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: #fbb8f2; --color-2: #d7a4f2; --color-3: #c8c3e2; --color-4: #f4ddb2; --color-5: #f9edcc. 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