← Back to Editor

#E0DFEF · #FBF0DE · #FFD6DA · #EBC3CC · #E4B7CB

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#E0DFEF

Wisteria · Lavender · Sky Blue

HEX
#E0DFEF
RGB
rgb(224, 223, 239)
HSL
hsl(244, 33%, 91%)
HSB
hsb(244, 7%, 94%)
CMYK
cmyk(6%, 7%, 0%, 6%)
Oklch
oklch(90.9% 0.022 288.8)

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

#FBF0DE

Goose Yellow · Beige · Peach Orange

HEX
#FBF0DE
RGB
rgb(251, 240, 222)
HSL
hsl(37, 78%, 93%)
HSB
hsb(37, 12%, 98%)
CMYK
cmyk(0%, 4%, 12%, 2%)
Oklch
oklch(95.9% 0.027 80.3)

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

#FFD6DA

Peach Pink · Bisque · Cherry Blossom

HEX
#FFD6DA
RGB
rgb(255, 214, 218)
HSL
hsl(354, 100%, 92%)
HSB
hsb(354, 16%, 100%)
CMYK
cmyk(0%, 16%, 15%, 0%)
Oklch
oklch(91.2% 0.046 11.4)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#EBC3CC

Peach Pink · Pink · Cherry Blossom

HEX
#EBC3CC
RGB
rgb(235, 195, 204)
HSL
hsl(346, 50%, 84%)
HSB
hsb(346, 17%, 92%)
CMYK
cmyk(0%, 17%, 13%, 8%)
Oklch
oklch(85.4% 0.047 3.0)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#E4B7CB

Rouge · Pink · Cherry Blossom

HEX
#E4B7CB
RGB
rgb(228, 183, 203)
HSL
hsl(333, 45%, 81%)
HSB
hsb(333, 20%, 89%)
CMYK
cmyk(0%, 20%, 11%, 11%)
Oklch
oklch(82.5% 0.058 350.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0DFEF
EFF0E0

Analogous

E0E7F0
E0DFEF
E9E0F0

Triadic

E0DFEF
F0E1E0
E0F0E1

Split-Comp.

E0DFEF
F0E9E0
E7F0E0

Tetradic

E0DFEF
F0E0E7
EFF0E0
E0F0E9

Contrast Matrix WCAG 2.1 Contrast

E0DFEF
FBF0DE
FFD6DA
EBC3CC
E4B7CB
—
1.2
Fail
1.0
Fail
1.2
Fail
1.3
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
1.6
Fail
1.0
Fail
1.2
Fail
—
1.2
Fail
1.3
Fail
1.2
Fail
1.4
Fail
1.2
Fail
—
1.1
Fail
1.3
Fail
1.6
Fail
1.3
Fail
1.1
Fail
—
White BG
1.3Fail
1.1Fail
1.3Fail
1.6Fail
1.8Fail
Black BG
16.0AAA
18.6AAA
15.9AAA
13.2AAA
11.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E0E0EB
F6F6E2
EDEDD9
DAD9CA
D1D0C6

Deuteranopia

E0E0EA
F7F8E3
F0F3D9
DCDFC9
D3D7C5

Tritanopia

E0E8E7
FAE6E7
FDD8D8
E9C8C8
E2C2C2

Achromatopsia

E1E1E1
F1F1F1
E3E3E3
D0D0D0
C7C7C7

Shades & Tints Shades & Tints

#E0DFEF

Dark
Light

#FBF0DE

Dark
Light

#FFD6DA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0dfef;
  --color-2: #fbf0de;
  --color-3: #ffd6da;
  --color-4: #ebc3cc;
  --color-5: #e4b7cb;
}

SCSS

$color-1: #e0dfef;
$color-2: #fbf0de;
$color-3: #ffd6da;
$color-4: #ebc3cc;
$color-5: #e4b7cb;

TAILWIND

colors: {
  'brand-1': '#e0dfef',
  'brand-2': '#fbf0de',
  'brand-3': '#ffd6da',
  'brand-4': '#ebc3cc',
  'brand-5': '#e4b7cb',
}

RGB Array

[224, 223, 239], [251, 240, 222], [255, 214, 218], [235, 195, 204], [228, 183, 203]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E0DFEF, #FBF0DE, #FFD6DA, #EBC3CC, #E4B7CB 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: #e0dfef; --color-2: #fbf0de; --color-3: #ffd6da; --color-4: #ebc3cc; --color-5: #e4b7cb. 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 general-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