← Back to Editor

#EBCDC5 · #CEC9D0 · #B4BEC0 · #B9CDD8 · #D0D2D1

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

#EBCDC5

Peach Pink · Pink · Cherry Blossom

HEX
#EBCDC5
RGB
rgb(235, 205, 197)
HSL
hsl(13, 49%, 85%)
HSB
hsb(13, 16%, 92%)
CMYK
cmyk(0%, 13%, 16%, 8%)
Oklch
oklch(87.1% 0.036 35.3)

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

#CEC9D0

Silver Gray · LightGray · Pearl Gray

HEX
#CEC9D0
RGB
rgb(206, 201, 208)
HSL
hsl(283, 7%, 80%)
HSB
hsb(283, 3%, 82%)
CMYK
cmyk(1%, 3%, 0%, 18%)
Oklch
oklch(84.2% 0.011 316.5)

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

#B4BEC0

Sky Blue · Silver · Pearl Gray

HEX
#B4BEC0
RGB
rgb(180, 190, 192)
HSL
hsl(190, 9%, 73%)
HSB
hsb(190, 6%, 75%)
CMYK
cmyk(6%, 1%, 0%, 25%)
Oklch
oklch(79.4% 0.011 211.0)

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

#B9CDD8

Sky Blue · LightSteelBlue · Cobalt Blue

HEX
#B9CDD8
RGB
rgb(185, 205, 216)
HSL
hsl(201, 28%, 79%)
HSB
hsb(201, 14%, 85%)
CMYK
cmyk(14%, 5%, 0%, 15%)
Oklch
oklch(83.7% 0.027 231.7)

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

#D0D2D1

Silver Gray · LightGray · Pearl Gray

HEX
#D0D2D1
RGB
rgb(208, 210, 209)
HSL
hsl(150, 2%, 82%)
HSB
hsb(150, 1%, 82%)
CMYK
cmyk(1%, 0%, 0%, 18%)
Oklch
oklch(86.2% 0.003 165.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBCDC5
C6E3EB

Analogous

EBC6D1
EBCDC5
EBE1C6

Triadic

EBCDC5
C6EBCE
CEC6EB

Split-Comp.

EBCDC5
C6EBE1
C6D1EB

Tetradic

EBCDC5
D1EBC6
C6E3EB
E1C6EB

Contrast Matrix WCAG 2.1 Contrast

EBCDC5
CEC9D0
B4BEC0
B9CDD8
D0D2D1
—
1.1
Fail
1.3
Fail
1.1
Fail
1.0
Fail
1.1
Fail
—
1.2
Fail
1.0
Fail
1.1
Fail
1.3
Fail
1.2
Fail
—
1.2
Fail
1.2
Fail
1.1
Fail
1.0
Fail
1.2
Fail
—
1.1
Fail
1.0
Fail
1.1
Fail
1.2
Fail
1.1
Fail
—
White BG
1.5Fail
1.6Fail
1.9Fail
1.6Fail
1.5Fail
Black BG
14.1AAA
12.9AAA
11.1AAA
12.8AAA
13.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DEDEC7
CCCCCE
B8B8C0
C2C2D5
D1D1D1

Deuteranopia

E0E2C7
CCCDCE
B8B7BF
C1BFD5
D1D1D1

Tritanopia

EAC8C9
CECDCD
B5BFBF
BAD3D3
D0D1D1

Achromatopsia

D5D5D5
CBCBCB
BBBBBB
C8C8C8
D1D1D1

Shades & Tints Shades & Tints

#EBCDC5

Dark
Light

#CEC9D0

Dark
Light

#B4BEC0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebcdc5;
  --color-2: #cec9d0;
  --color-3: #b4bec0;
  --color-4: #b9cdd8;
  --color-5: #d0d2d1;
}

SCSS

$color-1: #ebcdc5;
$color-2: #cec9d0;
$color-3: #b4bec0;
$color-4: #b9cdd8;
$color-5: #d0d2d1;

TAILWIND

colors: {
  'brand-1': '#ebcdc5',
  'brand-2': '#cec9d0',
  'brand-3': '#b4bec0',
  'brand-4': '#b9cdd8',
  'brand-5': '#d0d2d1',
}

RGB Array

[235, 205, 197], [206, 201, 208], [180, 190, 192], [185, 205, 216], [208, 210, 209]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBCDC5, #CEC9D0, #B4BEC0, #B9CDD8, #D0D2D1 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: #ebcdc5; --color-2: #cec9d0; --color-3: #b4bec0; --color-4: #b9cdd8; --color-5: #d0d2d1. 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