← Back to Editor

#E4CCD6 · #D6D3DA · #C9DFDE · #C0EAE0 · #7B9795

A 5-color palette 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

#E4CCD6

Rouge · LightGray · Cherry Blossom

HEX
#E4CCD6
RGB
rgb(228, 204, 214)
HSL
hsl(335, 31%, 85%)
HSB
hsb(335, 11%, 89%)
CMYK
cmyk(0%, 11%, 6%, 11%)
Oklch
oklch(86.8% 0.030 350.6)

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

#D6D3DA

Wisteria · LightGray · Pearl Gray

HEX
#D6D3DA
RGB
rgb(214, 211, 218)
HSL
hsl(266, 9%, 84%)
HSB
hsb(266, 3%, 85%)
CMYK
cmyk(2%, 3%, 0%, 15%)
Oklch
oklch(87.1% 0.010 305.4)

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

#C9DFDE

Jade · LightGray · Glacier Blue

HEX
#C9DFDE
RGB
rgb(201, 223, 222)
HSL
hsl(177, 26%, 83%)
HSB
hsb(177, 10%, 87%)
CMYK
cmyk(10%, 0%, 0%, 13%)
Oklch
oklch(88.7% 0.023 193.4)

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

#C0EAE0

Jade · LightBlue · Glacier Blue

HEX
#C0EAE0
RGB
rgb(192, 234, 224)
HSL
hsl(166, 50%, 84%)
HSB
hsb(166, 18%, 92%)
CMYK
cmyk(18%, 0%, 4%, 8%)
Oklch
oklch(90.5% 0.046 179.1)

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

#7B9795

Mineral Blue · LightSlateGray · Lake Green

HEX
#7B9795
RGB
rgb(123, 151, 149)
HSL
hsl(176, 12%, 54%)
HSB
hsb(176, 19%, 59%)
CMYK
cmyk(19%, 0%, 1%, 41%)
Oklch
oklch(65.4% 0.032 191.1)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E4CCD6
CDE5DB

Analogous

E5CDE3
E4CCD6
E5CFCD

Triadic

E4CCD6
D7E5CD
CDD7E5

Split-Comp.

E4CCD6
CDE5CF
CDE3E5

Tetradic

E4CCD6
E3E5CD
CDE5DB
CFCDE5

Contrast Matrix WCAG 2.1 Contrast

E4CCD6
D6D3DA
C9DFDE
C0EAE0
7B9795
—
1.0
Fail
1.1
Fail
1.2
Fail
2.1
Fail
1.0
Fail
—
1.1
Fail
1.1
Fail
2.1
Fail
1.1
Fail
1.1
Fail
—
1.1
Fail
2.3
Fail
1.2
Fail
1.1
Fail
1.1
Fail
—
2.4
Fail
2.1
Fail
2.1
Fail
2.3
Fail
2.4
Fail
—
White BG
1.5Fail
1.5Fail
1.4Fail
1.3Fail
3.1AA Large
Black BG
13.9AAA
14.2AAA
15.1AAA
16.1AAA
6.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DAD9D4
D5D5D8
D3D3DE
D2D3E2
878795

Deuteranopia

DBDDD3
D5D5D8
D1D0DE
D0CDE3
868396

Tritanopia

E3D2D1
D6D7D7
CADEDE
C2E4E5
7C9696

Achromatopsia

D4D4D4
D5D5D5
D8D8D8
DCDCDC
8E8E8E

Shades & Tints Shades & Tints

#E4CCD6

Dark
Light

#D6D3DA

Dark
Light

#C9DFDE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e4ccd6;
  --color-2: #d6d3da;
  --color-3: #c9dfde;
  --color-4: #c0eae0;
  --color-5: #7b9795;
}

SCSS

$color-1: #e4ccd6;
$color-2: #d6d3da;
$color-3: #c9dfde;
$color-4: #c0eae0;
$color-5: #7b9795;

TAILWIND

colors: {
  'brand-1': '#e4ccd6',
  'brand-2': '#d6d3da',
  'brand-3': '#c9dfde',
  'brand-4': '#c0eae0',
  'brand-5': '#7b9795',
}

RGB Array

[228, 204, 214], [214, 211, 218], [201, 223, 222], [192, 234, 224], [123, 151, 149]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E4CCD6, #D6D3DA, #C9DFDE, #C0EAE0, #7B9795 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: #e4ccd6; --color-2: #d6d3da; --color-3: #c9dfde; --color-4: #c0eae0; --color-5: #7b9795. 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 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