← Back to Editor

#E0E6CD · #CCE1E2 · #C9D2FD · #E6B6F0 · #FF9C9C

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

#E0E6CD

Willow Green · LightGray · Mint Green

HEX
#E0E6CD
RGB
rgb(224, 230, 205)
HSL
hsl(74, 33%, 85%)
HSB
hsb(74, 11%, 90%)
CMYK
cmyk(3%, 0%, 11%, 10%)
Oklch
oklch(91.4% 0.034 118.0)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#CCE1E2

Sky Blue · LightGray · Glacier Blue

HEX
#CCE1E2
RGB
rgb(204, 225, 226)
HSL
hsl(183, 27%, 84%)
HSB
hsb(183, 10%, 89%)
CMYK
cmyk(10%, 0%, 0%, 11%)
Oklch
oklch(89.4% 0.022 200.2)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#C9D2FD

Azure · Lavender · Sky Blue

HEX
#C9D2FD
RGB
rgb(201, 210, 253)
HSL
hsl(230, 93%, 89%)
HSB
hsb(230, 21%, 99%)
CMYK
cmyk(21%, 17%, 0%, 1%)
Oklch
oklch(87.1% 0.060 275.8)

Traditional「Azure」· Paint「Sky Blue」· Creative Twilight Haze

#E6B6F0

Lilac · LightGray · Lavender

HEX
#E6B6F0
RGB
rgb(230, 182, 240)
HSL
hsl(290, 66%, 83%)
HSB
hsb(290, 24%, 94%)
CMYK
cmyk(4%, 24%, 0%, 6%)
Oklch
oklch(83.8% 0.095 320.5)

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

#FF9C9C

Peach Pink · LightSalmon · Cherry Blossom

HEX
#FF9C9C
RGB
rgb(255, 156, 156)
HSL
hsl(0, 100%, 81%)
HSB
hsb(0, 39%, 100%)
CMYK
cmyk(0%, 39%, 39%, 0%)
Oklch
oklch(79.4% 0.119 20.0)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0E6CD
D2CCE5

Analogous

E5DFCC
E0E6CD
D3E5CC

Triadic

E0E6CD
CCDFE5
E5CCDF

Split-Comp.

E0E6CD
CCD3E5
DFCCE5

Tetradic

E0E6CD
CCE5DF
D2CCE5
E5CCD3

Contrast Matrix WCAG 2.1 Contrast

E0E6CD
CCE1E2
C9D2FD
E6B6F0
FF9C9C
—
1.1
Fail
1.2
Fail
1.3
Fail
1.6
Fail
1.1
Fail
—
1.1
Fail
1.3
Fail
1.5
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.3
Fail
1.3
Fail
1.3
Fail
1.1
Fail
—
1.2
Fail
1.6
Fail
1.5
Fail
1.3
Fail
1.2
Fail
—
White BG
1.3Fail
1.4Fail
1.5Fail
1.7Fail
2.0Fail
Black BG
16.4AAA
15.4AAA
14.1AAA
12.3AAA
10.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E3E3D3
D5D5E2
CDCDF3
D1D1E2
D4D39C

Deuteranopia

E2E2D5
D4D2E2
CCCCF0
D4D8DF
DAE19C

Tritanopia

E0D8D9
CDE2E2
C9EAE9
E4D7D4
FA9C9C

Achromatopsia

E1E1E1
DBDBDB
D4D4D4
CBCBCB
BABABA

Shades & Tints Shades & Tints

#E0E6CD

Dark
Light

#CCE1E2

Dark
Light

#C9D2FD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0e6cd;
  --color-2: #cce1e2;
  --color-3: #c9d2fd;
  --color-4: #e6b6f0;
  --color-5: #ff9c9c;
}

SCSS

$color-1: #e0e6cd;
$color-2: #cce1e2;
$color-3: #c9d2fd;
$color-4: #e6b6f0;
$color-5: #ff9c9c;

TAILWIND

colors: {
  'brand-1': '#e0e6cd',
  'brand-2': '#cce1e2',
  'brand-3': '#c9d2fd',
  'brand-4': '#e6b6f0',
  'brand-5': '#ff9c9c',
}

RGB Array

[224, 230, 205], [204, 225, 226], [201, 210, 253], [230, 182, 240], [255, 156, 156]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E0E6CD, #CCE1E2, #C9D2FD, #E6B6F0, #FF9C9C 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: #e0e6cd; --color-2: #cce1e2; --color-3: #c9d2fd; --color-4: #e6b6f0; --color-5: #ff9c9c. 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