#EBD6F9 + #F9E0FF + #E6E1ED + #D1CDD8 + #C8B8D6 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EBD6F9

Lilac · Lavender · Lavender

HEX

#EBD6F9

RGB

rgb(235, 214, 249)

HSL

hsl(276, 74%, 91%)

HSB

hsb(276, 14%, 98%)

CMYK

cmyk(6%, 14%, 0%, 2%)

Oklch

oklch(90.4% 0.052 311.9)

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

#F9E0FF

Lilac · Lavender · Lavender

HEX

#F9E0FF

RGB

rgb(249, 224, 255)

HSL

hsl(288, 100%, 94%)

HSB

hsb(288, 12%, 100%)

CMYK

cmyk(2%, 12%, 0%, 0%)

Oklch

oklch(93.6% 0.049 319.7)

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

#E6E1ED

Wisteria · Lavender · Lavender

HEX

#E6E1ED

RGB

rgb(230, 225, 237)

HSL

hsl(265, 25%, 91%)

HSB

hsb(265, 5%, 93%)

CMYK

cmyk(3%, 5%, 0%, 7%)

Oklch

oklch(91.7% 0.017 304.8)

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

#D1CDD8

Wisteria · LightGray · Lavender

HEX

#D1CDD8

RGB

rgb(209, 205, 216)

HSL

hsl(262, 12%, 83%)

HSB

hsb(262, 5%, 85%)

CMYK

cmyk(3%, 5%, 0%, 15%)

Oklch

oklch(85.5% 0.016 302.5)

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

#C8B8D6

Lilac · Silver · Lilac Purple

HEX

#C8B8D6

RGB

rgb(200, 184, 214)

HSL

hsl(272, 27%, 78%)

HSB

hsb(272, 14%, 84%)

CMYK

cmyk(7%, 14%, 0%, 16%)

Oklch

oklch(80.5% 0.045 309.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBD6F9

E5F9D7

Analogous

DAD7F9

EBD6F9

F9D7F6

Triadic

EBD6F9

F9EBD7

D7F9EB

Split-Comp.

EBD6F9

F6F9D7

D7F9DA

Tetradic

EBD6F9

F9DAD7

E5F9D7

D7F6F9

Contrast Matrix WCAG 2.1 Contrast

EBD6F9	F9E0FF	E6E1ED	D1CDD8	C8B8D6
—	1.1 Fail	1.1 Fail	1.2 Fail	1.4 Fail
1.1 Fail	—	1.0 Fail	1.3 Fail	1.5 Fail
1.1 Fail	1.0 Fail	—	1.2 Fail	1.4 Fail
1.2 Fail	1.3 Fail	1.2 Fail	—	1.2 Fail
1.4 Fail	1.5 Fail	1.4 Fail	1.2 Fail	—

White BG

1.4Fail

1.2Fail

1.3Fail

1.6Fail

1.9Fail

Black BG

15.5AAA

17.1AAA

16.4AAA

13.4AAA

11.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E2F1

EEEEF7

E4E4EA

CFCFD5

C1C1CF

Deuteranopia

E3E5EF

F0F2F6

E4E5E9

D0D0D5

C2C3CD

Tritanopia

EAEAE8

F8F2F0

E6E8E7

D1D3D3

C7C9C8

Achromatopsia

E0E0E0

EBEBEB

E4E4E4

CFCFCF

C0C0C0

Shades & Tints Shades & Tints

#EBD6F9

Dark

Light

#F9E0FF

Dark

Light

#E6E1ED

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebd6f9;
  --color-2: #f9e0ff;
  --color-3: #e6e1ed;
  --color-4: #d1cdd8;
  --color-5: #c8b8d6;
}

SCSS

$color-1: #ebd6f9;
$color-2: #f9e0ff;
$color-3: #e6e1ed;
$color-4: #d1cdd8;
$color-5: #c8b8d6;

TAILWIND

colors: {
  'brand-1': '#ebd6f9',
  'brand-2': '#f9e0ff',
  'brand-3': '#e6e1ed',
  'brand-4': '#d1cdd8',
  'brand-5': '#c8b8d6',
}

RGB Array

[235, 214, 249], [249, 224, 255], [230, 225, 237], [209, 205, 216], [200, 184, 214]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBD6F9, #F9E0FF, #E6E1ED, #D1CDD8, #C8B8D6 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: #ebd6f9; --color-2: #f9e0ff; --color-3: #e6e1ed; --color-4: #d1cdd8; --color-5: #c8b8d6. 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