#E884A0 + #E3B2C7 + #DFD6C5 + #D2E7FA + #E0E28E · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#E884A0

Rouge · LightCoral · Rose Pink

HEX

#E884A0

RGB

rgb(232, 132, 160)

HSL

hsl(343, 68%, 71%)

HSB

hsb(343, 43%, 91%)

CMYK

cmyk(0%, 43%, 31%, 9%)

Oklch

oklch(72.9% 0.126 2.7)

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

#E3B2C7

Rouge · LightPink · Cherry Blossom

HEX

#E3B2C7

RGB

rgb(227, 178, 199)

HSL

hsl(334, 47%, 79%)

HSB

hsb(334, 22%, 89%)

CMYK

cmyk(0%, 22%, 12%, 11%)

Oklch

oklch(81.4% 0.063 351.0)

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

#DFD6C5

Goose Yellow · LightGray · Peach Orange

HEX

#DFD6C5

RGB

rgb(223, 214, 197)

HSL

hsl(39, 29%, 82%)

HSB

hsb(39, 12%, 87%)

CMYK

cmyk(0%, 4%, 12%, 13%)

Oklch

oklch(87.9% 0.025 83.4)

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

#D2E7FA

Sky Blue · Lavender · Sky Blue

HEX

#D2E7FA

RGB

rgb(210, 231, 250)

HSL

hsl(208, 80%, 90%)

HSB

hsb(208, 16%, 98%)

CMYK

cmyk(16%, 8%, 0%, 2%)

Oklch

oklch(91.8% 0.034 245.5)

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

#E0E28E

Fresh Green · Khaki · Sunflower

HEX

#E0E28E

RGB

rgb(224, 226, 142)

HSL

hsl(61, 59%, 72%)

HSB

hsb(61, 37%, 89%)

CMYK

cmyk(1%, 0%, 37%, 11%)

Oklch

oklch(89.3% 0.106 109.5)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E884A0

83E7CB

Analogous

E783D2

E884A0

E79983

Triadic

E884A0

9FE783

839FE7

Split-Comp.

E884A0

83E799

83D2E7

Tetradic

E884A0

D2E783

83E7CB

9983E7

Contrast Matrix WCAG 2.1 Contrast

E884A0	E3B2C7	DFD6C5	D2E7FA	E0E28E
—	1.4 Fail	1.8 Fail	2.0 Fail	1.9 Fail
1.4 Fail	—	1.3 Fail	1.4 Fail	1.3 Fail
1.8 Fail	1.3 Fail	—	1.1 Fail	1.1 Fail
2.0 Fail	1.4 Fail	1.1 Fail	—	1.1 Fail
1.9 Fail	1.3 Fail	1.1 Fail	1.1 Fail	—

White BG

2.5Fail

1.8Fail

1.4Fail

1.3Fail

1.4Fail

Black BG

8.2AAA

11.5AAA

14.6AAA

16.6AAA

15.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BDBC99

CECDC2

DBDBC9

DBDBF5

E1E1A2

Deuteranopia

C3CA98

D1D4C1

DCDCCA

DAD8F4

E1E1A7

Tritanopia

E39493

E1BEBD

DFCCCD

D3F2F1

E0B2B6

Achromatopsia

A5A5A5

C3C3C3

D7D7D7

E3E3E3

D8D8D8

Shades & Tints Shades & Tints

#E884A0

Dark

Light

#E3B2C7

Dark

Light

#DFD6C5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e884a0;
  --color-2: #e3b2c7;
  --color-3: #dfd6c5;
  --color-4: #d2e7fa;
  --color-5: #e0e28e;
}

SCSS

$color-1: #e884a0;
$color-2: #e3b2c7;
$color-3: #dfd6c5;
$color-4: #d2e7fa;
$color-5: #e0e28e;

TAILWIND

colors: {
  'brand-1': '#e884a0',
  'brand-2': '#e3b2c7',
  'brand-3': '#dfd6c5',
  'brand-4': '#d2e7fa',
  'brand-5': '#e0e28e',
}

RGB Array

[232, 132, 160], [227, 178, 199], [223, 214, 197], [210, 231, 250], [224, 226, 142]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #E884A0, #E3B2C7, #DFD6C5, #D2E7FA, #E0E28E is ideal for: health products, baby brands, fresh-style blogs. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e884a0; --color-2: #e3b2c7; --color-3: #dfd6c5; --color-4: #d2e7fa; --color-5: #e0e28e. 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 tech, SaaS, healthcare, eco industries. 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