← Back to Editor

#E8DAF2 · #E5C0FF · #F0A2D9 · #FF5A86 · #FF3843

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#E8DAF2

Lilac · Lavender · Lavender

HEX
#E8DAF2
RGB
rgb(232, 218, 242)
HSL
hsl(275, 48%, 90%)
HSB
hsb(275, 10%, 95%)
CMYK
cmyk(4%, 10%, 0%, 5%)
Oklch
oklch(90.7% 0.036 311.4)

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

#E5C0FF

Lilac · Lavender · Lavender

HEX
#E5C0FF
RGB
rgb(229, 192, 255)
HSL
hsl(275, 100%, 88%)
HSB
hsb(275, 25%, 100%)
CMYK
cmyk(10%, 25%, 0%, 0%)
Oklch
oklch(86.0% 0.094 311.0)

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

#F0A2D9

Mauve · LightPink · Lilac Purple

HEX
#F0A2D9
RGB
rgb(240, 162, 217)
HSL
hsl(318, 72%, 79%)
HSB
hsb(318, 33%, 94%)
CMYK
cmyk(0%, 33%, 10%, 6%)
Oklch
oklch(80.5% 0.115 338.1)

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

#FF5A86

Rouge · LightCoral · Rose Pink

HEX
#FF5A86
RGB
rgb(255, 90, 134)
HSL
hsl(344, 100%, 68%)
HSB
hsb(344, 65%, 100%)
CMYK
cmyk(0%, 65%, 47%, 0%)
Oklch
oklch(69.8% 0.202 7.8)

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

#FF3843

Peach Pink · Tomato · Coral Red

HEX
#FF3843
RGB
rgb(255, 56, 67)
HSL
hsl(357, 100%, 61%)
HSB
hsb(357, 78%, 100%)
CMYK
cmyk(0%, 78%, 74%, 0%)
Oklch
oklch(65.4% 0.232 24.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8DAF2
E3F2D9

Analogous

DBD9F2
E8DAF2
F2D9F0

Triadic

E8DAF2
F2E8D9
D9F2E8

Split-Comp.

E8DAF2
F0F2D9
D9F2DB

Tetradic

E8DAF2
F2DBD9
E3F2D9
D9F0F2

Contrast Matrix WCAG 2.1 Contrast

E8DAF2
E5C0FF
F0A2D9
FF5A86
FF3843
—
1.2
Fail
1.4
Fail
2.2
Fail
2.7
Fail
1.2
Fail
—
1.2
Fail
1.9
Fail
2.3
Fail
1.4
Fail
1.2
Fail
—
1.5
Fail
1.8
Fail
2.2
Fail
1.9
Fail
1.5
Fail
—
1.2
Fail
2.7
Fail
2.3
Fail
1.8
Fail
1.2
Fail
—
White BG
1.3Fail
1.6Fail
1.9Fail
3.0Fail
3.6AA Large
Black BG
15.7AAA
13.3AAA
10.9AAA
7.1AAA
5.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E2EC
D5D5F0
CECECC
B8B67B
A9A740

Deuteranopia

E3E4EB
D7DAEC
D3D9C8
C1CE79
B4C340

Tritanopia

E7E8E7
E3E4E1
ECC1BF
F77371
F53E3E

Achromatopsia

E1E1E1
D2D2D2
C0C0C0
909090
757575

Shades & Tints Shades & Tints

#E8DAF2

Dark
Light

#E5C0FF

Dark
Light

#F0A2D9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8daf2;
  --color-2: #e5c0ff;
  --color-3: #f0a2d9;
  --color-4: #ff5a86;
  --color-5: #ff3843;
}

SCSS

$color-1: #e8daf2;
$color-2: #e5c0ff;
$color-3: #f0a2d9;
$color-4: #ff5a86;
$color-5: #ff3843;

TAILWIND

colors: {
  'brand-1': '#e8daf2',
  'brand-2': '#e5c0ff',
  'brand-3': '#f0a2d9',
  'brand-4': '#ff5a86',
  'brand-5': '#ff3843',
}

RGB Array

[232, 218, 242], [229, 192, 255], [240, 162, 217], [255, 90, 134], [255, 56, 67]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E8DAF2, #E5C0FF, #F0A2D9, #FF5A86, #FF3843 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: #e8daf2; --color-2: #e5c0ff; --color-3: #f0a2d9; --color-4: #ff5a86; --color-5: #ff3843. 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