← Back to Editor

#E2EDE9 · #CFC7D2 · #C395A2 · #DCF0D5 · #D9D3D5

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E2EDE9

Jade · Lavender · Mint Green

HEX
#E2EDE9
RGB
rgb(226, 237, 233)
HSL
hsl(158, 23%, 91%)
HSB
hsb(158, 5%, 93%)
CMYK
cmyk(5%, 0%, 2%, 7%)
Oklch
oklch(93.7% 0.013 172.4)

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

#CFC7D2

Lilac · LightGray · Lilac Purple

HEX
#CFC7D2
RGB
rgb(207, 199, 210)
HSL
hsl(284, 11%, 80%)
HSB
hsb(284, 5%, 82%)
CMYK
cmyk(1%, 5%, 0%, 18%)
Oklch
oklch(83.9% 0.017 316.9)

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

#C395A2

Rouge · DarkGray · Rose Pink

HEX
#C395A2
RGB
rgb(195, 149, 162)
HSL
hsl(343, 28%, 67%)
HSB
hsb(343, 24%, 76%)
CMYK
cmyk(0%, 24%, 17%, 24%)
Oklch
oklch(71.7% 0.058 360.0)

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

#DCF0D5

Celadon · Beige · Mint Green

HEX
#DCF0D5
RGB
rgb(220, 240, 213)
HSL
hsl(104, 47%, 89%)
HSB
hsb(104, 11%, 94%)
CMYK
cmyk(8%, 0%, 11%, 6%)
Oklch
oklch(93.3% 0.042 137.5)

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

#D9D3D5

Silver Gray · LightGray · Pearl Gray

HEX
#D9D3D5
RGB
rgb(217, 211, 213)
HSL
hsl(340, 7%, 84%)
HSB
hsb(340, 3%, 85%)
CMYK
cmyk(0%, 3%, 2%, 15%)
Oklch
oklch(87.2% 0.007 354.8)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E2EDE9
EDE3E7

Analogous

E3EDE4
E2EDE9
E3ECED

Triadic

E2EDE9
E9E3ED
EDE9E3

Split-Comp.

E2EDE9
EDE3EC
EDE4E3

Tetradic

E2EDE9
E4E3ED
EDE3E7
ECEDE3

Contrast Matrix WCAG 2.1 Contrast

E2EDE9
CFC7D2
C395A2
DCF0D5
D9D3D5
—
1.4
Fail
2.2
Fail
1.0
Fail
1.2
Fail
1.4
Fail
—
1.6
Fail
1.4
Fail
1.1
Fail
2.2
Fail
1.6
Fail
—
2.1
Fail
1.7
Fail
1.0
Fail
1.4
Fail
2.1
Fail
—
1.2
Fail
1.2
Fail
1.1
Fail
1.7
Fail
1.2
Fail
—
White BG
1.2Fail
1.6Fail
2.6Fail
1.2Fail
1.5Fail
Black BG
17.5AAA
12.8AAA
8.1AAA
17.5AAA
14.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7EA
CCCBCF
AFAF9F
E5E5DC
D6D6D5

Deuteranopia

E6E5EA
CCCDCF
B2B59E
E4E2DD
D7D7D4

Tritanopia

E3EBEB
CFCDCD
C19C9C
DDE1E2
D9D4D4

Achromatopsia

E9E9E9
CBCBCB
A4A4A4
E7E7E7
D5D5D5

Shades & Tints Shades & Tints

#E2EDE9

Dark
Light

#CFC7D2

Dark
Light

#C395A2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e2ede9;
  --color-2: #cfc7d2;
  --color-3: #c395a2;
  --color-4: #dcf0d5;
  --color-5: #d9d3d5;
}

SCSS

$color-1: #e2ede9;
$color-2: #cfc7d2;
$color-3: #c395a2;
$color-4: #dcf0d5;
$color-5: #d9d3d5;

TAILWIND

colors: {
  'brand-1': '#e2ede9',
  'brand-2': '#cfc7d2',
  'brand-3': '#c395a2',
  'brand-4': '#dcf0d5',
  'brand-5': '#d9d3d5',
}

RGB Array

[226, 237, 233], [207, 199, 210], [195, 149, 162], [220, 240, 213], [217, 211, 213]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #E2EDE9, #CFC7D2, #C395A2, #DCF0D5, #D9D3D5 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e2ede9; --color-2: #cfc7d2; --color-3: #c395a2; --color-4: #dcf0d5; --color-5: #d9d3d5. 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 cool-style 5-color scheme is especially suited for beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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