← Back to Editor

#E8F6CD · #EBBCB9 · #ED81A4 · #BA6E97 · #875A89

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

#E8F6CD

Willow Green · Beige · Mint Green

HEX
#E8F6CD
RGB
rgb(232, 246, 205)
HSL
hsl(80, 69%, 88%)
HSB
hsb(80, 17%, 96%)
CMYK
cmyk(6%, 0%, 17%, 4%)
Oklch
oklch(95.2% 0.056 122.8)

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

#EBBCB9

Peach Pink · LightPink · Cherry Blossom

HEX
#EBBCB9
RGB
rgb(235, 188, 185)
HSL
hsl(4, 56%, 82%)
HSB
hsb(4, 21%, 92%)
CMYK
cmyk(0%, 20%, 21%, 8%)
Oklch
oklch(83.6% 0.055 22.6)

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

#ED81A4

Rouge · LightCoral · Rose Pink

HEX
#ED81A4
RGB
rgb(237, 129, 164)
HSL
hsl(341, 75%, 72%)
HSB
hsb(341, 46%, 93%)
CMYK
cmyk(0%, 46%, 31%, 7%)
Oklch
oklch(73.2% 0.137 0.4)

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

#BA6E97

Rose Purple · LightCoral · Rose Pink

HEX
#BA6E97
RGB
rgb(186, 110, 151)
HSL
hsl(328, 36%, 58%)
HSB
hsb(328, 41%, 73%)
CMYK
cmyk(0%, 41%, 19%, 27%)
Oklch
oklch(63.4% 0.109 347.1)

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

#875A89

Dark Plum · Gray · Violet

HEX
#875A89
RGB
rgb(135, 90, 137)
HSL
hsl(297, 21%, 45%)
HSB
hsb(297, 34%, 54%)
CMYK
cmyk(1%, 34%, 0%, 46%)
Oklch
oklch(53.3% 0.089 325.3)

Traditional「Dark Plum」· Paint「Violet」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8F6CD
D9CBF6

Analogous

F6EECB
E8F6CD
D2F6CB

Triadic

E8F6CD
CBE7F6
F6CBE7

Split-Comp.

E8F6CD
CBD2F6
EECBF6

Tetradic

E8F6CD
CBF6EE
D9CBF6
F6CBD2

Contrast Matrix WCAG 2.1 Contrast

E8F6CD
EBBCB9
ED81A4
BA6E97
875A89
—
1.5
Fail
2.2
Fail
3.2
AA Large
4.8
AA
1.5
Fail
—
1.5
Fail
2.2
Fail
3.2
AA Large
2.2
Fail
1.5
Fail
—
1.4
Fail
2.1
Fail
3.2
AA Large
2.2
Fail
1.4
Fail
—
1.5
Fail
4.8
AA
3.2
AA Large
2.1
Fail
1.5
Fail
—
White BG
1.1Fail
1.7Fail
2.5Fail
3.6AA Large
5.4AA
Black BG
18.5AAA
12.4AAA
8.3AAA
5.8AA
3.9AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

EEEED7
D7D6BA
BEBD9C
99988D
74737E

Deuteranopia

EDECD9
D9DDBA
C5CD9A
9EA38B
767A7B

Tritanopia

E9DFE0
E9BABA
E89593
B68584
857573

Achromatopsia

EDEDED
CACACA
A5A5A5
898989
6D6D6D

Shades & Tints Shades & Tints

#E8F6CD

Dark
Light

#EBBCB9

Dark
Light

#ED81A4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8f6cd;
  --color-2: #ebbcb9;
  --color-3: #ed81a4;
  --color-4: #ba6e97;
  --color-5: #875a89;
}

SCSS

$color-1: #e8f6cd;
$color-2: #ebbcb9;
$color-3: #ed81a4;
$color-4: #ba6e97;
$color-5: #875a89;

TAILWIND

colors: {
  'brand-1': '#e8f6cd',
  'brand-2': '#ebbcb9',
  'brand-3': '#ed81a4',
  'brand-4': '#ba6e97',
  'brand-5': '#875a89',
}

RGB Array

[232, 246, 205], [235, 188, 185], [237, 129, 164], [186, 110, 151], [135, 90, 137]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E8F6CD, #EBBCB9, #ED81A4, #BA6E97, #875A89 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e8f6cd; --color-2: #ebbcb9; --color-3: #ed81a4; --color-4: #ba6e97; --color-5: #875a89. 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 tech, SaaS, healthcare, eco industries. 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