← Back to Editor

#EBF2E8 · #E1E8D3 · #CDDDD5 · #BB999A · #918787

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EBF2E8

Celadon · Linen · Mint Green

HEX
#EBF2E8
RGB
rgb(235, 242, 232)
HSL
hsl(102, 28%, 93%)
HSB
hsb(102, 4%, 95%)
CMYK
cmyk(3%, 0%, 4%, 5%)
Oklch
oklch(95.3% 0.015 136.1)

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

#E1E8D3

Willow Green · LightGray · Mint Green

HEX
#E1E8D3
RGB
rgb(225, 232, 211)
HSL
hsl(80, 31%, 87%)
HSB
hsb(80, 9%, 91%)
CMYK
cmyk(3%, 0%, 9%, 9%)
Oklch
oklch(92.0% 0.029 122.0)

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

#CDDDD5

Jade · LightGray · Mint Green

HEX
#CDDDD5
RGB
rgb(205, 221, 213)
HSL
hsl(150, 19%, 84%)
HSB
hsb(150, 7%, 87%)
CMYK
cmyk(7%, 0%, 4%, 13%)
Oklch
oklch(88.3% 0.020 164.5)

Traditional「Jade」· Paint「Mint Green」· Creative Arctic Pool

#BB999A

Peach Pink · DarkGray · Coral Red

HEX
#BB999A
RGB
rgb(187, 153, 154)
HSL
hsl(358, 20%, 67%)
HSB
hsb(358, 18%, 73%)
CMYK
cmyk(0%, 18%, 18%, 27%)
Oklch
oklch(71.4% 0.041 16.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#918787

Ash · Gray · Warm Gray

HEX
#918787
RGB
rgb(145, 135, 135)
HSL
hsl(0, 4%, 55%)
HSB
hsb(0, 7%, 57%)
CMYK
cmyk(0%, 7%, 7%, 43%)
Oklch
oklch(63.2% 0.012 17.5)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBF2E8
EFE8F2

Analogous

F0F2E8
EBF2E8
E8F2EA

Triadic

EBF2E8
E8EBF2
F2E8EB

Split-Comp.

EBF2E8
EAE8F2
F2E8F0

Tetradic

EBF2E8
E8F0F2
EFE8F2
F2EAE8

Contrast Matrix WCAG 2.1 Contrast

EBF2E8
E1E8D3
CDDDD5
BB999A
918787
—
1.1
Fail
1.2
Fail
2.3
Fail
3.1
AA Large
1.1
Fail
—
1.1
Fail
2.1
Fail
2.8
Fail
1.2
Fail
1.1
Fail
—
1.8
Fail
2.5
Fail
2.3
Fail
2.1
Fail
1.8
Fail
—
1.4
Fail
3.1
AA Large
2.8
Fail
2.5
Fail
1.4
Fail
—
White BG
1.1Fail
1.3Fail
1.4Fail
2.6Fail
3.5AA Large
Black BG
18.4AAA
16.7AAA
14.9AAA
8.1AAA
6.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EEEEEA
E4E4D8
D4D4D7
ACAC9A
8D8D87

Deuteranopia

EEEDEB
E4E3D9
D3D2D7
AEB19A
8D8E87

Tritanopia

EBECED
E1DCDD
CED8D9
B99A9A
918787

Achromatopsia

EFEFEF
E4E4E4
D7D7D7
A3A3A3
8A8A8A

Shades & Tints Shades & Tints

#EBF2E8

Dark
Light

#E1E8D3

Dark
Light

#CDDDD5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebf2e8;
  --color-2: #e1e8d3;
  --color-3: #cdddd5;
  --color-4: #bb999a;
  --color-5: #918787;
}

SCSS

$color-1: #ebf2e8;
$color-2: #e1e8d3;
$color-3: #cdddd5;
$color-4: #bb999a;
$color-5: #918787;

TAILWIND

colors: {
  'brand-1': '#ebf2e8',
  'brand-2': '#e1e8d3',
  'brand-3': '#cdddd5',
  'brand-4': '#bb999a',
  'brand-5': '#918787',
}

RGB Array

[235, 242, 232], [225, 232, 211], [205, 221, 213], [187, 153, 154], [145, 135, 135]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBF2E8, #E1E8D3, #CDDDD5, #BB999A, #918787 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: #ebf2e8; --color-2: #e1e8d3; --color-3: #cdddd5; --color-4: #bb999a; --color-5: #918787. 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