← Back to Editor

#E4A8D2 · #F7BAD7 · #F2CCFF · #F7EDFF · #FFFFFF

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#E4A8D2

Mauve · LightPink · Lilac Purple

HEX
#E4A8D2
RGB
rgb(228, 168, 210)
HSL
hsl(318, 53%, 78%)
HSB
hsb(318, 26%, 89%)
CMYK
cmyk(0%, 26%, 8%, 11%)
Oklch
oklch(80.0% 0.089 337.8)

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

#F7BAD7

Rouge · Pink · Cherry Blossom

HEX
#F7BAD7
RGB
rgb(247, 186, 215)
HSL
hsl(331, 79%, 85%)
HSB
hsb(331, 25%, 97%)
CMYK
cmyk(0%, 25%, 13%, 3%)
Oklch
oklch(85.3% 0.079 348.8)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#F2CCFF

Lilac · Lavender · Lavender

HEX
#F2CCFF
RGB
rgb(242, 204, 255)
HSL
hsl(285, 100%, 90%)
HSB
hsb(285, 20%, 100%)
CMYK
cmyk(5%, 20%, 0%, 0%)
Oklch
oklch(89.3% 0.080 317.4)

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

#F7EDFF

Lilac · Snow · Lavender

HEX
#F7EDFF
RGB
rgb(247, 237, 255)
HSL
hsl(273, 100%, 96%)
HSB
hsb(273, 7%, 100%)
CMYK
cmyk(3%, 7%, 0%, 0%)
Oklch
oklch(95.9% 0.026 310.4)

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

#FFFFFF

Moonlight White · White · Cloud White

HEX
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
HSB
hsb(0, 0%, 100%)
CMYK
cmyk(0%, 0%, 0%, 0%)
Oklch
oklch(100.0% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E4A8D2
A9E5BB

Analogous

D9A9E5
E4A8D2
E5A9B5

Triadic

E4A8D2
D3E5A9
A9D3E5

Split-Comp.

E4A8D2
B5E5A9
A9E5D9

Tetradic

E4A8D2
E5D9A9
A9E5BB
A9B5E5

Contrast Matrix WCAG 2.1 Contrast

E4A8D2
F7BAD7
F2CCFF
F7EDFF
FFFFFF
—
1.2
Fail
1.4
Fail
1.7
Fail
1.9
Fail
1.2
Fail
—
1.1
Fail
1.4
Fail
1.6
Fail
1.4
Fail
1.1
Fail
—
1.2
Fail
1.4
Fail
1.7
Fail
1.4
Fail
1.2
Fail
—
1.1
Fail
1.9
Fail
1.6
Fail
1.4
Fail
1.1
Fail
—
White BG
1.9Fail
1.6Fail
1.4Fail
1.1Fail
1.0Fail
Black BG
10.8AAA
13.0AAA
14.9AAA
18.5AAA
21.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CAC9C8
DDDCD0
E2E1F3
F3F3FB
FFFFFF

Deuteranopia

CED2C5
E0E5CE
E4E7F0
F3F4FA
FFFFFF

Tritanopia

E1C0BE
F4CAC9
F0E9E7
F6F7F6
FFFFFF

Achromatopsia

BFBFBF
D0D0D0
DDDDDD
F2F2F2
FFFFFF

Shades & Tints Shades & Tints

#E4A8D2

Dark
Light

#F7BAD7

Dark
Light

#F2CCFF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e4a8d2;
  --color-2: #f7bad7;
  --color-3: #f2ccff;
  --color-4: #f7edff;
  --color-5: #ffffff;
}

SCSS

$color-1: #e4a8d2;
$color-2: #f7bad7;
$color-3: #f2ccff;
$color-4: #f7edff;
$color-5: #ffffff;

TAILWIND

colors: {
  'brand-1': '#e4a8d2',
  'brand-2': '#f7bad7',
  'brand-3': '#f2ccff',
  'brand-4': '#f7edff',
  'brand-5': '#ffffff',
}

RGB Array

[228, 168, 210], [247, 186, 215], [242, 204, 255], [247, 237, 255], [255, 255, 255]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #E4A8D2, #F7BAD7, #F2CCFF, #F7EDFF, #FFFFFF 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: #e4a8d2; --color-2: #f7bad7; --color-3: #f2ccff; --color-4: #f7edff; --color-5: #ffffff. 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