← Back to Editor

#EBF0E1 · #DBE7DD · #D5C8CD · #CC8FBE · #8E6D85

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

WorkspaceReadingData Visualization

Color Details Color Details

#EBF0E1

Willow Green · Beige · Mint Green

HEX
#EBF0E1
RGB
rgb(235, 240, 225)
HSL
hsl(80, 33%, 91%)
HSB
hsb(80, 6%, 94%)
CMYK
cmyk(2%, 0%, 6%, 6%)
Oklch
oklch(94.7% 0.021 121.8)

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

#DBE7DD

Celadon · LightGray · Mint Green

HEX
#DBE7DD
RGB
rgb(219, 231, 221)
HSL
hsl(130, 20%, 88%)
HSB
hsb(130, 5%, 91%)
CMYK
cmyk(5%, 0%, 4%, 9%)
Oklch
oklch(91.6% 0.019 150.5)

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

#D5C8CD

Rouge · LightGray · Cherry Blossom

HEX
#D5C8CD
RGB
rgb(213, 200, 205)
HSL
hsl(337, 13%, 81%)
HSB
hsb(337, 6%, 84%)
CMYK
cmyk(0%, 6%, 4%, 16%)
Oklch
oklch(84.5% 0.016 352.0)

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

#CC8FBE

Mauve · Orchid · Lilac Purple

HEX
#CC8FBE
RGB
rgb(204, 143, 190)
HSL
hsl(314, 37%, 68%)
HSB
hsb(314, 30%, 80%)
CMYK
cmyk(0%, 30%, 7%, 20%)
Oklch
oklch(72.5% 0.096 335.1)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#8E6D85

Rose Purple · Gray · Violet

HEX
#8E6D85
RGB
rgb(142, 109, 133)
HSL
hsl(316, 13%, 49%)
HSB
hsb(316, 23%, 56%)
CMYK
cmyk(0%, 23%, 6%, 44%)
Oklch
oklch(57.5% 0.054 336.3)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBF0E1
E6E0F0

Analogous

F0EDE0
EBF0E1
E3F0E0

Triadic

EBF0E1
E0EBF0
F0E0EB

Split-Comp.

EBF0E1
E0E3F0
EDE0F0

Tetradic

EBF0E1
E0F0ED
E6E0F0
F0E0E3

Contrast Matrix WCAG 2.1 Contrast

EBF0E1
DBE7DD
D5C8CD
CC8FBE
8E6D85
—
1.1
Fail
1.4
Fail
2.2
Fail
3.9
AA Large
1.1
Fail
—
1.3
Fail
2.0
Fail
3.5
AA Large
1.4
Fail
1.3
Fail
—
1.6
Fail
2.8
Fail
2.2
Fail
2.0
Fail
1.6
Fail
—
1.8
Fail
3.9
AA Large
3.5
AA Large
2.8
Fail
1.8
Fail
—
White BG
1.2Fail
1.3Fail
1.6Fail
2.5Fail
4.5AA Large
Black BG
18.1AAA
16.5AAA
13.0AAA
8.2AAA
4.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDEDE5
E0E0DF
CFCFCC
B2B1B3
807F7F

Deuteranopia

EDEDE6
E0DFE0
D0D1CC
B5BAB0
82847E

Tritanopia

EBE7E8
DCE1E2
D4CBCB
C9AAA8
8C7B7A

Achromatopsia

EDEDED
E2E2E2
CCCCCC
A7A7A7
7A7A7A

Shades & Tints Shades & Tints

#EBF0E1

Dark
Light

#DBE7DD

Dark
Light

#D5C8CD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebf0e1;
  --color-2: #dbe7dd;
  --color-3: #d5c8cd;
  --color-4: #cc8fbe;
  --color-5: #8e6d85;
}

SCSS

$color-1: #ebf0e1;
$color-2: #dbe7dd;
$color-3: #d5c8cd;
$color-4: #cc8fbe;
$color-5: #8e6d85;

TAILWIND

colors: {
  'brand-1': '#ebf0e1',
  'brand-2': '#dbe7dd',
  'brand-3': '#d5c8cd',
  'brand-4': '#cc8fbe',
  'brand-5': '#8e6d85',
}

RGB Array

[235, 240, 225], [219, 231, 221], [213, 200, 205], [204, 143, 190], [142, 109, 133]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBF0E1, #DBE7DD, #D5C8CD, #CC8FBE, #8E6D85 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: #ebf0e1; --color-2: #dbe7dd; --color-3: #d5c8cd; --color-4: #cc8fbe; --color-5: #8e6d85. 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