#E2C5EC + #E6D8C5 + #DEFFF0 + #D3C1A8 + #CEA8DC · bright - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E2C5EC

Lilac · LightGray · Lavender

HEX

#E2C5EC

RGB

rgb(226, 197, 236)

HSL

hsl(285, 51%, 85%)

HSB

hsb(285, 17%, 93%)

CMYK

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

Oklch

oklch(86.0% 0.062 317.4)

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

#E6D8C5

Goose Yellow · LightGray · Peach Orange

HEX

#E6D8C5

RGB

rgb(230, 216, 197)

HSL

hsl(35, 40%, 84%)

HSB

hsb(35, 14%, 90%)

CMYK

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

Oklch

oklch(88.8% 0.030 75.7)

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

#DEFFF0

Jade · Lavender · Mint Green

HEX

#DEFFF0

RGB

rgb(222, 255, 240)

HSL

hsl(153, 100%, 94%)

HSB

hsb(153, 13%, 100%)

CMYK

cmyk(13%, 0%, 6%, 0%)

Oklch

oklch(97.2% 0.039 166.4)

Traditional「Jade」· Paint「Mint Green」· Creative Arctic Pool

#D3C1A8

Goose Yellow · Silver · Warm Sun

HEX

#D3C1A8

RGB

rgb(211, 193, 168)

HSL

hsl(35, 33%, 74%)

HSB

hsb(35, 20%, 83%)

CMYK

cmyk(0%, 9%, 20%, 17%)

Oklch

oklch(81.9% 0.040 76.1)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#CEA8DC

Lilac · Silver · Lilac Purple

HEX

#CEA8DC

RGB

rgb(206, 168, 220)

HSL

hsl(284, 43%, 76%)

HSB

hsb(284, 24%, 86%)

CMYK

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

Oklch

oklch(78.3% 0.083 316.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E2C5EC

CFECC5

Analogous

CFC5EC

E2C5EC

ECC5E3

Triadic

E2C5EC

ECE3C5

C5ECE3

Split-Comp.

E2C5EC

E3ECC5

C5ECCF

Tetradic

E2C5EC

ECCFC5

CFECC5

C5E3EC

Contrast Matrix WCAG 2.1 Contrast

E2C5EC	E6D8C5	DEFFF0	D3C1A8	CEA8DC
—	1.1 Fail	1.5 Fail	1.1 Fail	1.3 Fail
1.1 Fail	—	1.3 Fail	1.3 Fail	1.5 Fail
1.5 Fail	1.3 Fail	—	1.6 Fail	1.9 Fail
1.1 Fail	1.3 Fail	1.6 Fail	—	1.2 Fail
1.3 Fail	1.5 Fail	1.9 Fail	1.2 Fail	—

White BG

1.6Fail

1.4Fail

1.1Fail

1.8Fail

2.0Fail

Black BG

13.4AAA

15.0AAA

19.7AAA

12.0AAA

10.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D5D5E3

E0E0CA

ECEDF4

CBCBAE

BEBDCF

Deuteranopia

D7D9E0

E1E2CB

EAE8F5

CCCEB0

C0C3CC

Tritanopia

E1DBD9

E5CDCE

E0F6F7

D2B3B4

CCC5C3

Achromatopsia

D2D2D2

DADADA

F3F3F3

C4C4C4

B9B9B9

Shades & Tints Shades & Tints

#E2C5EC

Dark

Light

#E6D8C5

Dark

Light

#DEFFF0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e2c5ec;
  --color-2: #e6d8c5;
  --color-3: #defff0;
  --color-4: #d3c1a8;
  --color-5: #cea8dc;
}

SCSS

$color-1: #e2c5ec;
$color-2: #e6d8c5;
$color-3: #defff0;
$color-4: #d3c1a8;
$color-5: #cea8dc;

TAILWIND

colors: {
  'brand-1': '#e2c5ec',
  'brand-2': '#e6d8c5',
  'brand-3': '#defff0',
  'brand-4': '#d3c1a8',
  'brand-5': '#cea8dc',
}

RGB Array

[226, 197, 236], [230, 216, 197], [222, 255, 240], [211, 193, 168], [206, 168, 220]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #E2C5EC, #E6D8C5, #DEFFF0, #D3C1A8, #CEA8DC 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: #e2c5ec; --color-2: #e6d8c5; --color-3: #defff0; --color-4: #d3c1a8; --color-5: #cea8dc. 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 bright-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