← Back to Editor

#E8DCDC · #C1CFCE · #A0BDAC · #AB959B · #EB789C

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

#E8DCDC

Peach Pink · LightGray · Cherry Blossom

HEX
#E8DCDC
RGB
rgb(232, 220, 220)
HSL
hsl(0, 21%, 89%)
HSB
hsb(0, 5%, 91%)
CMYK
cmyk(0%, 5%, 5%, 9%)
Oklch
oklch(90.4% 0.013 17.4)

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

#C1CFCE

Jade · LightGray · Glacier Blue

HEX
#C1CFCE
RGB
rgb(193, 207, 206)
HSL
hsl(176, 13%, 78%)
HSB
hsb(176, 7%, 81%)
CMYK
cmyk(7%, 0%, 0%, 19%)
Oklch
oklch(84.4% 0.015 191.7)

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

#A0BDAC

Celadon · DarkGray · Apple Green

HEX
#A0BDAC
RGB
rgb(160, 189, 172)
HSL
hsl(145, 18%, 68%)
HSB
hsb(145, 15%, 74%)
CMYK
cmyk(15%, 0%, 9%, 26%)
Oklch
oklch(77.2% 0.040 159.6)

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

#AB959B

Rouge · DarkGray · Rose Pink

HEX
#AB959B
RGB
rgb(171, 149, 155)
HSL
hsl(344, 12%, 63%)
HSB
hsb(344, 13%, 67%)
CMYK
cmyk(0%, 13%, 9%, 33%)
Oklch
oklch(69.1% 0.027 359.5)

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

#EB789C

Rouge · LightCoral · Rose Pink

HEX
#EB789C
RGB
rgb(235, 120, 156)
HSL
hsl(341, 74%, 70%)
HSB
hsb(341, 49%, 92%)
CMYK
cmyk(0%, 49%, 34%, 8%)
Oklch
oklch(71.3% 0.146 1.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8DCDC
DDE9E9

Analogous

E9DDE3
E8DCDC
E9E3DD

Triadic

E8DCDC
DDE9DD
DDDDE9

Split-Comp.

E8DCDC
DDE9E3
DDE3E9

Tetradic

E8DCDC
E3E9DD
DDE9E9
E3DDE9

Contrast Matrix WCAG 2.1 Contrast

E8DCDC
C1CFCE
A0BDAC
AB959B
EB789C
—
1.2
Fail
1.5
Fail
2.1
Fail
2.0
Fail
1.2
Fail
—
1.3
Fail
1.7
Fail
1.7
Fail
1.5
Fail
1.3
Fail
—
1.4
Fail
1.3
Fail
2.1
Fail
1.7
Fail
1.4
Fail
—
1.0
Fail
2.0
Fail
1.7
Fail
1.3
Fail
1.0
Fail
—
White BG
1.3Fail
1.6Fail
2.0Fail
2.8Fail
2.7Fail
Black BG
15.7AAA
13.1AAA
10.4AAA
7.5AAA
7.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E3E3DC
C7C7CE
ADADB0
A1A19A
B9B893

Deuteranopia

E4E4DC
C6C5CE
ABA9B1
A3A499
C0C991

Tritanopia

E7DCDC
C2CECE
A1B3B4
AA9898
E58C8B

Achromatopsia

E0E0E0
CBCBCB
B2B2B2
9C9C9C
9E9E9E

Shades & Tints Shades & Tints

#E8DCDC

Dark
Light

#C1CFCE

Dark
Light

#A0BDAC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8dcdc;
  --color-2: #c1cfce;
  --color-3: #a0bdac;
  --color-4: #ab959b;
  --color-5: #eb789c;
}

SCSS

$color-1: #e8dcdc;
$color-2: #c1cfce;
$color-3: #a0bdac;
$color-4: #ab959b;
$color-5: #eb789c;

TAILWIND

colors: {
  'brand-1': '#e8dcdc',
  'brand-2': '#c1cfce',
  'brand-3': '#a0bdac',
  'brand-4': '#ab959b',
  'brand-5': '#eb789c',
}

RGB Array

[232, 220, 220], [193, 207, 206], [160, 189, 172], [171, 149, 155], [235, 120, 156]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #E8DCDC, #C1CFCE, #A0BDAC, #AB959B, #EB789C 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: #e8dcdc; --color-2: #c1cfce; --color-3: #a0bdac; --color-4: #ab959b; --color-5: #eb789c. 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