← Back to Editor

#C2E5DD · #DCD6D8 · #EAC4CF · #D1B8BF · #B5B2B3

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

#C2E5DD

Jade · LightBlue · Glacier Blue

HEX
#C2E5DD
RGB
rgb(194, 229, 221)
HSL
hsl(166, 40%, 83%)
HSB
hsb(166, 15%, 90%)
CMYK
cmyk(15%, 0%, 3%, 10%)
Oklch
oklch(89.4% 0.038 180.0)

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

#DCD6D8

Rouge · LightGray · Pearl Gray

HEX
#DCD6D8
RGB
rgb(220, 214, 216)
HSL
hsl(340, 8%, 85%)
HSB
hsb(340, 3%, 86%)
CMYK
cmyk(0%, 3%, 2%, 14%)
Oklch
oklch(88.1% 0.007 354.8)

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

#EAC4CF

Rouge · Pink · Cherry Blossom

HEX
#EAC4CF
RGB
rgb(234, 196, 207)
HSL
hsl(343, 47%, 84%)
HSB
hsb(343, 16%, 92%)
CMYK
cmyk(0%, 16%, 12%, 8%)
Oklch
oklch(85.6% 0.045 358.8)

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

#D1B8BF

Rouge · Silver · Cherry Blossom

HEX
#D1B8BF
RGB
rgb(209, 184, 191)
HSL
hsl(343, 21%, 77%)
HSB
hsb(343, 12%, 82%)
CMYK
cmyk(0%, 12%, 9%, 18%)
Oklch
oklch(80.6% 0.030 359.0)

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

#B5B2B3

Ash · DarkGray · Silver Sand

HEX
#B5B2B3
RGB
rgb(181, 178, 179)
HSL
hsl(340, 2%, 70%)
HSB
hsb(340, 2%, 71%)
CMYK
cmyk(0%, 2%, 1%, 29%)
Oklch
oklch(76.6% 0.004 354.7)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C2E5DD
E5C2CA

Analogous

C2E5CC
C2E5DD
C2DCE5

Triadic

C2E5DD
DDC2E5
E5DDC2

Split-Comp.

C2E5DD
E5C2DC
E5CCC2

Tetradic

C2E5DD
CCC2E5
E5C2CA
DCE5C2

Contrast Matrix WCAG 2.1 Contrast

C2E5DD
DCD6D8
EAC4CF
D1B8BF
B5B2B3
—
1.1
Fail
1.2
Fail
1.4
Fail
1.6
Fail
1.1
Fail
—
1.1
Fail
1.3
Fail
1.5
Fail
1.2
Fail
1.1
Fail
—
1.2
Fail
1.3
Fail
1.4
Fail
1.3
Fail
1.2
Fail
—
1.1
Fail
1.6
Fail
1.5
Fail
1.3
Fail
1.1
Fail
—
White BG
1.4Fail
1.4Fail
1.6Fail
1.9Fail
2.1Fail
Black BG
15.5AAA
14.7AAA
13.3AAA
11.3AAA
10.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D1DF
D9D9D8
DAD9CC
C6C6BD
B4B4B3

Deuteranopia

CFCDDF
DADAD7
DCDFCC
C8C9BD
B4B4B3

Tritanopia

C4E0E1
DCD7D7
E8CACA
D0BCBC
B5B3B3

Achromatopsia

DADADA
D8D8D8
D1D1D1
C0C0C0
B3B3B3

Shades & Tints Shades & Tints

#C2E5DD

Dark
Light

#DCD6D8

Dark
Light

#EAC4CF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c2e5dd;
  --color-2: #dcd6d8;
  --color-3: #eac4cf;
  --color-4: #d1b8bf;
  --color-5: #b5b2b3;
}

SCSS

$color-1: #c2e5dd;
$color-2: #dcd6d8;
$color-3: #eac4cf;
$color-4: #d1b8bf;
$color-5: #b5b2b3;

TAILWIND

colors: {
  'brand-1': '#c2e5dd',
  'brand-2': '#dcd6d8',
  'brand-3': '#eac4cf',
  'brand-4': '#d1b8bf',
  'brand-5': '#b5b2b3',
}

RGB Array

[194, 229, 221], [220, 214, 216], [234, 196, 207], [209, 184, 191], [181, 178, 179]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C2E5DD, #DCD6D8, #EAC4CF, #D1B8BF, #B5B2B3 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: #c2e5dd; --color-2: #dcd6d8; --color-3: #eac4cf; --color-4: #d1b8bf; --color-5: #b5b2b3. 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