← Back to Editor

#EEE1E4 · #F7839C · #ACE189 · #80BFB2 · #6C129F

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

#EEE1E4

Peach Pink · Linen · Cherry Blossom

HEX
#EEE1E4
RGB
rgb(238, 225, 228)
HSL
hsl(346, 28%, 91%)
HSB
hsb(346, 5%, 93%)
CMYK
cmyk(0%, 5%, 4%, 7%)
Oklch
oklch(92.1% 0.015 1.6)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#F7839C

Peach Pink · LightCoral · Coral Red

HEX
#F7839C
RGB
rgb(247, 131, 156)
HSL
hsl(347, 88%, 74%)
HSB
hsb(347, 47%, 97%)
CMYK
cmyk(0%, 47%, 37%, 3%)
Oklch
oklch(74.5% 0.143 7.5)

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

#ACE189

Emerald · LightGreen · Apple Green

HEX
#ACE189
RGB
rgb(172, 225, 137)
HSL
hsl(96, 59%, 71%)
HSB
hsb(96, 39%, 88%)
CMYK
cmyk(24%, 0%, 39%, 12%)
Oklch
oklch(85.2% 0.128 133.8)

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

#80BFB2

Jade · MediumAquaMarine · Lake Green

HEX
#80BFB2
RGB
rgb(128, 191, 178)
HSL
hsl(168, 33%, 63%)
HSB
hsb(168, 33%, 75%)
CMYK
cmyk(33%, 0%, 7%, 25%)
Oklch
oklch(75.8% 0.067 180.0)

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

#6C129F

Royal Purple · Purple · Eggplant

HEX
#6C129F
RGB
rgb(108, 18, 159)
HSL
hsl(278, 80%, 35%)
HSB
hsb(278, 89%, 62%)
CMYK
cmyk(32%, 89%, 0%, 38%)
Oklch
oklch(42.1% 0.202 308.0)

Traditional「Royal Purple」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EEE1E4
E2EEEB

Analogous

EEE2EB
EEE1E4
EEE5E2

Triadic

EEE1E4
E5EEE2
E2E5EE

Split-Comp.

EEE1E4
E2EEE5
E2EBEE

Tetradic

EEE1E4
EBEEE2
E2EEEB
E5E2EE

Contrast Matrix WCAG 2.1 Contrast

EEE1E4
F7839C
ACE189
80BFB2
6C129F
—
1.9
Fail
1.2
Fail
1.7
Fail
7.4
AAA
1.9
Fail
—
1.6
Fail
1.2
Fail
3.9
AA Large
1.2
Fail
1.6
Fail
—
1.4
Fail
6.2
AA
1.7
Fail
1.2
Fail
1.4
Fail
—
4.5
AA
7.4
AAA
3.9
AA Large
6.2
AA
4.5
AA
—
White BG
1.3Fail
2.4Fail
1.5Fail
2.1Fail
9.4AAA
Black BG
16.5AAA
8.7AAA
13.9AAA
10.0AAA
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E8E8E3
C5C496
C3C39E
9B9CB5
45447D

Deuteranopia

E9EAE3
CCD495
C0BCA3
9893B6
4A5175

Tritanopia

EDE3E3
F19190
AFAFB3
83B8B8
68625C

Achromatopsia

E5E5E5
A9A9A9
C7C7C7
ABABAB
3D3D3D

Shades & Tints Shades & Tints

#EEE1E4

Dark
Light

#F7839C

Dark
Light

#ACE189

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eee1e4;
  --color-2: #f7839c;
  --color-3: #ace189;
  --color-4: #80bfb2;
  --color-5: #6c129f;
}

SCSS

$color-1: #eee1e4;
$color-2: #f7839c;
$color-3: #ace189;
$color-4: #80bfb2;
$color-5: #6c129f;

TAILWIND

colors: {
  'brand-1': '#eee1e4',
  'brand-2': '#f7839c',
  'brand-3': '#ace189',
  'brand-4': '#80bfb2',
  'brand-5': '#6c129f',
}

RGB Array

[238, 225, 228], [247, 131, 156], [172, 225, 137], [128, 191, 178], [108, 18, 159]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EEE1E4, #F7839C, #ACE189, #80BFB2, #6C129F 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: #eee1e4; --color-2: #f7839c; --color-3: #ace189; --color-4: #80bfb2; --color-5: #6c129f. 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