← Back to Editor

#E8878D · #FFA573 · #FFE97A · #96FF85 · #7DFAFF

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#E8878D

Peach Pink · LightCoral · Coral Red

HEX
#E8878D
RGB
rgb(232, 135, 141)
HSL
hsl(356, 68%, 72%)
HSB
hsb(356, 42%, 91%)
CMYK
cmyk(0%, 42%, 39%, 9%)
Oklch
oklch(72.9% 0.119 16.5)

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

#FFA573

Apricot · LightSalmon · Warm Sun

HEX
#FFA573
RGB
rgb(255, 165, 115)
HSL
hsl(21, 100%, 73%)
HSB
hsb(21, 55%, 100%)
CMYK
cmyk(0%, 35%, 55%, 0%)
Oklch
oklch(80.1% 0.125 49.3)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#FFE97A

Fresh Green · Khaki · Sunflower

HEX
#FFE97A
RGB
rgb(255, 233, 122)
HSL
hsl(50, 100%, 74%)
HSB
hsb(50, 52%, 100%)
CMYK
cmyk(0%, 9%, 52%, 0%)
Oklch
oklch(93.0% 0.134 98.3)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#96FF85

Emerald · LightGreen · Apple Green

HEX
#96FF85
RGB
rgb(150, 255, 133)
HSL
hsl(112, 100%, 76%)
HSB
hsb(112, 48%, 100%)
CMYK
cmyk(41%, 0%, 48%, 0%)
Oklch
oklch(90.9% 0.187 141.0)

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

#7DFAFF

Sky Blue · LightSkyBlue · Lake Green

HEX
#7DFAFF
RGB
rgb(125, 250, 255)
HSL
hsl(182, 100%, 75%)
HSB
hsb(182, 51%, 100%)
CMYK
cmyk(51%, 2%, 0%, 0%)
Oklch
oklch(91.5% 0.112 198.9)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8878D
87E8E2

Analogous

E887BE
E8878D
E8B187

Triadic

E8878D
8EE887
878EE8

Split-Comp.

E8878D
87E8B1
87BEE8

Tetradic

E8878D
BEE887
87E8E2
B187E8

Contrast Matrix WCAG 2.1 Contrast

E8878D
FFA573
FFE97A
96FF85
7DFAFF
—
1.3
Fail
2.1
Fail
2.0
Fail
2.1
Fail
1.3
Fail
—
1.6
Fail
1.6
Fail
1.6
Fail
2.1
Fail
1.6
Fail
—
1.0
Fail
1.0
Fail
2.0
Fail
1.6
Fail
1.0
Fail
—
1.0
Fail
2.1
Fail
1.6
Fail
1.0
Fail
1.0
Fail
—
White BG
2.5Fail
1.9Fail
1.2Fail
1.2Fail
1.2Fail
Black BG
8.3AAA
10.9AAA
17.2AAA
16.9AAA
17.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BEBD8C
D8D77F
F5F595
C3C4A3
B3B4FE

Deuteranopia

C4CB8B
DDE482
F7F89B
BDB6AA
ACA3FE

Tritanopia

E38A8A
FB898B
FEAAAF
9BBABF
83FDFD

Achromatopsia

A5A5A5
BABABA
E3E3E3
D2D2D2
D5D5D5

Shades & Tints Shades & Tints

#E8878D

Dark
Light

#FFA573

Dark
Light

#FFE97A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8878d;
  --color-2: #ffa573;
  --color-3: #ffe97a;
  --color-4: #96ff85;
  --color-5: #7dfaff;
}

SCSS

$color-1: #e8878d;
$color-2: #ffa573;
$color-3: #ffe97a;
$color-4: #96ff85;
$color-5: #7dfaff;

TAILWIND

colors: {
  'brand-1': '#e8878d',
  'brand-2': '#ffa573',
  'brand-3': '#ffe97a',
  'brand-4': '#96ff85',
  'brand-5': '#7dfaff',
}

RGB Array

[232, 135, 141], [255, 165, 115], [255, 233, 122], [150, 255, 133], [125, 250, 255]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E8878D, #FFA573, #FFE97A, #96FF85, #7DFAFF is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e8878d; --color-2: #ffa573; --color-3: #ffe97a; --color-4: #96ff85; --color-5: #7dfaff. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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