← Back to Editor

#E80961 · #7CE6E4 · #FAEAEE · #E8D3D7 · #C7B7BB

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

#E80961

Dark Violet · Crimson · Camellia

HEX
#E80961
RGB
rgb(232, 9, 97)
HSL
hsl(336, 93%, 47%)
HSB
hsb(336, 96%, 91%)
CMYK
cmyk(0%, 96%, 58%, 9%)
Oklch
oklch(59.8% 0.236 9.1)

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

#7CE6E4

Jade · SkyBlue · Lake Green

HEX
#7CE6E4
RGB
rgb(124, 230, 228)
HSL
hsl(179, 68%, 69%)
HSB
hsb(179, 46%, 90%)
CMYK
cmyk(46%, 0%, 1%, 10%)
Oklch
oklch(86.1% 0.099 193.9)

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

#FAEAEE

Peach Pink · Linen · Cherry Blossom

HEX
#FAEAEE
RGB
rgb(250, 234, 238)
HSL
hsl(345, 62%, 95%)
HSB
hsb(345, 6%, 98%)
CMYK
cmyk(0%, 6%, 5%, 2%)
Oklch
oklch(95.1% 0.018 0.4)

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

#E8D3D7

Peach Pink · LightGray · Cherry Blossom

HEX
#E8D3D7
RGB
rgb(232, 211, 215)
HSL
hsl(349, 31%, 87%)
HSB
hsb(349, 9%, 91%)
CMYK
cmyk(0%, 9%, 7%, 9%)
Oklch
oklch(88.5% 0.024 4.5)

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

#C7B7BB

Peach Pink · Silver · Coral Red

HEX
#C7B7BB
RGB
rgb(199, 183, 187)
HSL
hsl(345, 12%, 75%)
HSB
hsb(345, 8%, 78%)
CMYK
cmyk(0%, 8%, 6%, 22%)
Oklch
oklch(79.4% 0.019 0.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E80961
08E78E

Analogous

E708D1
E80961
E71F08

Triadic

E80961
62E708
0862E7

Split-Comp.

E80961
08E71F
08D1E7

Tetradic

E80961
D1E708
08E78E
1F08E7

Contrast Matrix WCAG 2.1 Contrast

E80961
7CE6E4
FAEAEE
E8D3D7
C7B7BB
—
3.1
AA Large
3.9
AA Large
3.2
AA Large
2.4
Fail
3.1
AA Large
—
1.3
Fail
1.0
Fail
1.3
Fail
3.9
AA Large
1.3
Fail
—
1.2
Fail
1.7
Fail
3.2
AA Large
1.0
Fail
1.2
Fail
—
1.3
Fail
2.4
Fail
1.3
Fail
1.7
Fail
1.3
Fail
—
White BG
4.5AA
1.5Fail
1.2Fail
1.4Fail
1.9Fail
Black BG
4.6AA
14.3AAA
18.1AAA
14.7AAA
10.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

87854C
AAABE4
F3F3ED
DFDFD6
C0C0BA

Deuteranopia

94A547
A49CE5
F4F5ED
E0E2D6
C1C2BA

Tritanopia

DD3B37
81E5E5
F9ECEC
E7D5D5
C6B9B9

Achromatopsia

565656
C6C6C6
EFEFEF
DADADA
BCBCBC

Shades & Tints Shades & Tints

#E80961

Dark
Light

#7CE6E4

Dark
Light

#FAEAEE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e80961;
  --color-2: #7ce6e4;
  --color-3: #faeaee;
  --color-4: #e8d3d7;
  --color-5: #c7b7bb;
}

SCSS

$color-1: #e80961;
$color-2: #7ce6e4;
$color-3: #faeaee;
$color-4: #e8d3d7;
$color-5: #c7b7bb;

TAILWIND

colors: {
  'brand-1': '#e80961',
  'brand-2': '#7ce6e4',
  'brand-3': '#faeaee',
  'brand-4': '#e8d3d7',
  'brand-5': '#c7b7bb',
}

RGB Array

[232, 9, 97], [124, 230, 228], [250, 234, 238], [232, 211, 215], [199, 183, 187]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E80961, #7CE6E4, #FAEAEE, #E8D3D7, #C7B7BB 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: #e80961; --color-2: #7ce6e4; --color-3: #faeaee; --color-4: #e8d3d7; --color-5: #c7b7bb. 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