← Back to Editor

#E5F1EA · #ABEBE8 · #BCD0CD · #C29FB4 · #60545D

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

WorkspaceReadingData Visualization

Color Details Color Details

#E5F1EA

Celadon · Lavender · Mint Green

HEX
#E5F1EA
RGB
rgb(229, 241, 234)
HSL
hsl(145, 30%, 92%)
HSB
hsb(145, 5%, 95%)
CMYK
cmyk(5%, 0%, 3%, 5%)
Oklch
oklch(94.7% 0.016 160.6)

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

#ABEBE8

Jade · LightBlue · Glacier Blue

HEX
#ABEBE8
RGB
rgb(171, 235, 232)
HSL
hsl(177, 62%, 80%)
HSB
hsb(177, 27%, 92%)
CMYK
cmyk(27%, 0%, 1%, 8%)
Oklch
oklch(89.6% 0.064 192.4)

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

#BCD0CD

Jade · Silver · Glacier Blue

HEX
#BCD0CD
RGB
rgb(188, 208, 205)
HSL
hsl(171, 18%, 78%)
HSB
hsb(171, 10%, 82%)
CMYK
cmyk(10%, 0%, 1%, 18%)
Oklch
oklch(84.2% 0.022 185.9)

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

#C29FB4

Mauve · DarkGray · Rose Pink

HEX
#C29FB4
RGB
rgb(194, 159, 180)
HSL
hsl(324, 22%, 69%)
HSB
hsb(324, 18%, 76%)
CMYK
cmyk(0%, 18%, 7%, 24%)
Oklch
oklch(74.0% 0.050 341.7)

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

#60545D

Ink Gray · DimGray · Charcoal

HEX
#60545D
RGB
rgb(96, 84, 93)
HSL
hsl(315, 7%, 35%)
HSB
hsb(315, 13%, 38%)
CMYK
cmyk(0%, 13%, 3%, 62%)
Oklch
oklch(46.1% 0.021 334.6)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E5F1EA
F1E4EC

Analogous

E6F1E4
E5F1EA
E4F1F0

Triadic

E5F1EA
EAE4F1
F1EAE4

Split-Comp.

E5F1EA
F0E4F1
F1E4E6

Tetradic

E5F1EA
E4E6F1
F1E4EC
F1F0E4

Contrast Matrix WCAG 2.1 Contrast

E5F1EA
ABEBE8
BCD0CD
C29FB4
60545D
—
1.1
Fail
1.4
Fail
2.0
Fail
6.2
AA
1.1
Fail
—
1.2
Fail
1.8
Fail
5.4
AA
1.4
Fail
1.2
Fail
—
1.5
Fail
4.5
AA Large
2.0
Fail
1.8
Fail
1.5
Fail
—
3.0
AA Large
6.2
AA
5.4
AA
4.5
AA Large
3.0
AA Large
—
White BG
1.2Fail
1.3Fail
1.6Fail
2.4Fail
7.2AAA
Black BG
18.1AAA
15.8AAA
13.0AAA
8.9AAA
2.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAEAEC
C7C7E9
C5C5CE
B3B3AF
5B5B5B

Deuteranopia

EAE9EC
C3BEE9
C4C2CE
B5B7AE
5C5C5A

Tritanopia

E6EDED
AEE9E9
BDCECE
C0ABAA
5F5959

Achromatopsia

EDEDED
D8D8D8
CACACA
ACACAC
595959

Shades & Tints Shades & Tints

#E5F1EA

Dark
Light

#ABEBE8

Dark
Light

#BCD0CD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e5f1ea;
  --color-2: #abebe8;
  --color-3: #bcd0cd;
  --color-4: #c29fb4;
  --color-5: #60545d;
}

SCSS

$color-1: #e5f1ea;
$color-2: #abebe8;
$color-3: #bcd0cd;
$color-4: #c29fb4;
$color-5: #60545d;

TAILWIND

colors: {
  'brand-1': '#e5f1ea',
  'brand-2': '#abebe8',
  'brand-3': '#bcd0cd',
  'brand-4': '#c29fb4',
  'brand-5': '#60545d',
}

RGB Array

[229, 241, 234], [171, 235, 232], [188, 208, 205], [194, 159, 180], [96, 84, 93]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E5F1EA, #ABEBE8, #BCD0CD, #C29FB4, #60545D is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #e5f1ea; --color-2: #abebe8; --color-3: #bcd0cd; --color-4: #c29fb4; --color-5: #60545d. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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