← Back to Editor

#D2E8CE · #E59FFC · #FF82B1 · #FF528F · #DAD9E3

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

#D2E8CE

Celadon · LightGray · Mint Green

HEX
#D2E8CE
RGB
rgb(210, 232, 206)
HSL
hsl(111, 36%, 86%)
HSB
hsb(111, 11%, 91%)
CMYK
cmyk(9%, 0%, 11%, 9%)
Oklch
oklch(90.8% 0.042 140.8)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

#E59FFC

Lilac · Violet · Lavender

HEX
#E59FFC
RGB
rgb(229, 159, 252)
HSL
hsl(285, 94%, 81%)
HSB
hsb(285, 37%, 99%)
CMYK
cmyk(9%, 37%, 0%, 1%)
Oklch
oklch(80.2% 0.147 317.5)

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

#FF82B1

Rouge · LightCoral · Rose Pink

HEX
#FF82B1
RGB
rgb(255, 130, 177)
HSL
hsl(337, 100%, 75%)
HSB
hsb(337, 49%, 100%)
CMYK
cmyk(0%, 49%, 31%, 0%)
Oklch
oklch(76.0% 0.159 357.8)

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

#FF528F

Rouge · LightCoral · Rose Pink

HEX
#FF528F
RGB
rgb(255, 82, 143)
HSL
hsl(339, 100%, 66%)
HSB
hsb(339, 68%, 100%)
CMYK
cmyk(0%, 68%, 44%, 0%)
Oklch
oklch(69.2% 0.213 3.0)

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

#DAD9E3

Wisteria · LightGray · Sky Blue

HEX
#DAD9E3
RGB
rgb(218, 217, 227)
HSL
hsl(246, 15%, 87%)
HSB
hsb(246, 4%, 89%)
CMYK
cmyk(4%, 4%, 0%, 11%)
Oklch
oklch(88.9% 0.014 290.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D2E8CE
E4CEE8

Analogous

DFE8CE
D2E8CE
CEE8D7

Triadic

D2E8CE
CED2E8
E8CED2

Split-Comp.

D2E8CE
D7CEE8
E8CEDF

Tetradic

D2E8CE
CEDFE8
E4CEE8
E8D7CE

Contrast Matrix WCAG 2.1 Contrast

D2E8CE
E59FFC
FF82B1
FF528F
DAD9E3
—
1.5
Fail
1.8
Fail
2.4
Fail
1.1
Fail
1.5
Fail
—
1.2
Fail
1.6
Fail
1.4
Fail
1.8
Fail
1.2
Fail
—
1.3
Fail
1.7
Fail
2.4
Fail
1.6
Fail
1.3
Fail
—
2.2
Fail
1.1
Fail
1.4
Fail
1.7
Fail
2.2
Fail
—
White BG
1.3Fail
2.0Fail
2.3Fail
3.1AA Large
1.4Fail
Black BG
16.2AAA
10.7AAA
9.1AAA
6.9AA
15.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDCD4
C7C6E5
C9C8A6
B4B380
DADAE1

Deuteranopia

DAD9D6
CBD0E0
D0DAA3
BECB7D
DADAE0

Tritanopia

D3D9DA
E1D4D0
F99D9B
F67572
DADFDE

Achromatopsia

DEDEDE
BFBFBF
ADADAD
8D8D8D
DADADA

Shades & Tints Shades & Tints

#D2E8CE

Dark
Light

#E59FFC

Dark
Light

#FF82B1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d2e8ce;
  --color-2: #e59ffc;
  --color-3: #ff82b1;
  --color-4: #ff528f;
  --color-5: #dad9e3;
}

SCSS

$color-1: #d2e8ce;
$color-2: #e59ffc;
$color-3: #ff82b1;
$color-4: #ff528f;
$color-5: #dad9e3;

TAILWIND

colors: {
  'brand-1': '#d2e8ce',
  'brand-2': '#e59ffc',
  'brand-3': '#ff82b1',
  'brand-4': '#ff528f',
  'brand-5': '#dad9e3',
}

RGB Array

[210, 232, 206], [229, 159, 252], [255, 130, 177], [255, 82, 143], [218, 217, 227]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #D2E8CE, #E59FFC, #FF82B1, #FF528F, #DAD9E3 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: #d2e8ce; --color-2: #e59ffc; --color-3: #ff82b1; --color-4: #ff528f; --color-5: #dad9e3. 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