#EDE3E9 + #E6E4CE + #EBC3DB + #EB8FF4 + #9F84BD - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EDE3E9

Mauve · Lavender · Cherry Blossom

HEX

#EDE3E9

RGB

rgb(237, 227, 233)

HSL

hsl(324, 22%, 91%)

HSB

hsb(324, 4%, 93%)

CMYK

cmyk(0%, 4%, 2%, 7%)

Oklch

oklch(92.5% 0.013 340.6)

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

#E6E4CE

Fresh Green · LightGray · Lemon Cream

HEX

#E6E4CE

RGB

rgb(230, 228, 206)

HSL

hsl(55, 32%, 85%)

HSB

hsb(55, 10%, 90%)

CMYK

cmyk(0%, 1%, 10%, 10%)

Oklch

oklch(91.5% 0.029 102.7)

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

#EBC3DB

Mauve · Pink · Cherry Blossom

HEX

#EBC3DB

RGB

rgb(235, 195, 219)

HSL

hsl(324, 50%, 84%)

HSB

hsb(324, 17%, 92%)

CMYK

cmyk(0%, 17%, 7%, 8%)

Oklch

oklch(85.9% 0.055 341.6)

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

#EB8FF4

Lilac · Violet · Lilac Purple

HEX

#EB8FF4

RGB

rgb(235, 143, 244)

HSL

hsl(295, 82%, 76%)

HSB

hsb(295, 41%, 96%)

CMYK

cmyk(4%, 41%, 0%, 4%)

Oklch

oklch(78.0% 0.169 323.8)

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

#9F84BD

Wisteria · DarkGray · Lilac Purple

HEX

#9F84BD

RGB

rgb(159, 132, 189)

HSL

hsl(268, 30%, 63%)

HSB

hsb(268, 30%, 74%)

CMYK

cmyk(16%, 30%, 0%, 26%)

Oklch

oklch(65.9% 0.088 305.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDE3E9

E3EDE7

Analogous

ECE3ED

EDE3E9

EDE3E4

Triadic

EDE3E9

E9EDE3

E3E9ED

Split-Comp.

EDE3E9

E4EDE3

E3EDEC

Tetradic

EDE3E9

EDECE3

E3EDE7

E3E4ED

Contrast Matrix WCAG 2.1 Contrast

EDE3E9	E6E4CE	EBC3DB	EB8FF4	9F84BD
—	1.0 Fail	1.3 Fail	1.7 Fail	2.6 Fail
1.0 Fail	—	1.2 Fail	1.7 Fail	2.5 Fail
1.3 Fail	1.2 Fail	—	1.4 Fail	2.1 Fail
1.7 Fail	1.7 Fail	1.4 Fail	—	1.5 Fail
2.6 Fail	2.5 Fail	2.1 Fail	1.5 Fail	—

White BG

1.3Fail

1.6Fail

2.1Fail

3.2AA Large

Black BG

16.8AAA

16.4AAA

13.4AAA

9.8AAA

6.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E9E9E8

E5E5D3

DAD9D5

C3C2DC

9393AF

Deuteranopia

E9EAE7

E5E5D5

DCDFD4

C9CFD6

9597AC

Tritanopia

ECE6E6

E6D8D8

E9D1D0

E6C8C4

9EA4A2

Achromatopsia

E7E7E7

E2E2E2

D2D2D2

B6B6B6

939393

Shades & Tints Shades & Tints

#EDE3E9

Dark

Light

#E6E4CE

Dark

Light

#EBC3DB

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ede3e9;
  --color-2: #e6e4ce;
  --color-3: #ebc3db;
  --color-4: #eb8ff4;
  --color-5: #9f84bd;
}

SCSS

$color-1: #ede3e9;
$color-2: #e6e4ce;
$color-3: #ebc3db;
$color-4: #eb8ff4;
$color-5: #9f84bd;

TAILWIND

colors: {
  'brand-1': '#ede3e9',
  'brand-2': '#e6e4ce',
  'brand-3': '#ebc3db',
  'brand-4': '#eb8ff4',
  'brand-5': '#9f84bd',
}

RGB Array

[237, 227, 233], [230, 228, 206], [235, 195, 219], [235, 143, 244], [159, 132, 189]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDE3E9, #E6E4CE, #EBC3DB, #EB8FF4, #9F84BD 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: #ede3e9; --color-2: #e6e4ce; --color-3: #ebc3db; --color-4: #eb8ff4; --color-5: #9f84bd. 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 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