← Back to Editor

#E2FF8D · #EAE879 · #F74480 · #7CCDBD · #84E0C7

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

#E2FF8D

Willow Green · Khaki · Apple Green

HEX
#E2FF8D
RGB
rgb(226, 255, 141)
HSL
hsl(75, 100%, 78%)
HSB
hsb(75, 45%, 100%)
CMYK
cmyk(11%, 0%, 45%, 0%)
Oklch
oklch(95.5% 0.144 120.9)

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

#EAE879

Fresh Green · Khaki · Sunflower

HEX
#EAE879
RGB
rgb(234, 232, 121)
HSL
hsl(59, 73%, 70%)
HSB
hsb(59, 48%, 92%)
CMYK
cmyk(0%, 1%, 48%, 8%)
Oklch
oklch(91.0% 0.134 107.9)

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

#F74480

Rouge · DeepPink · Rose Pink

HEX
#F74480
RGB
rgb(247, 68, 128)
HSL
hsl(340, 92%, 62%)
HSB
hsb(340, 72%, 97%)
CMYK
cmyk(0%, 72%, 48%, 3%)
Oklch
oklch(66.2% 0.217 5.3)

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

#7CCDBD

Jade · MediumAquaMarine · Lake Green

HEX
#7CCDBD
RGB
rgb(124, 205, 189)
HSL
hsl(168, 45%, 65%)
HSB
hsb(168, 40%, 80%)
CMYK
cmyk(40%, 0%, 8%, 20%)
Oklch
oklch(79.2% 0.083 180.0)

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

#84E0C7

Jade · SkyBlue · Lake Green

HEX
#84E0C7
RGB
rgb(132, 224, 199)
HSL
hsl(164, 60%, 70%)
HSB
hsb(164, 41%, 88%)
CMYK
cmyk(41%, 0%, 11%, 12%)
Oklch
oklch(84.2% 0.096 174.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E2FF8D
AB8FFF

Analogous

FFE38F
E2FF8D
ABFF8F

Triadic

E2FF8D
8FE3FF
FF8FE3

Split-Comp.

E2FF8D
8FABFF
E38FFF

Tetradic

E2FF8D
8FFFE3
AB8FFF
FF8FAB

Contrast Matrix WCAG 2.1 Contrast

E2FF8D
EAE879
F74480
7CCDBD
84E0C7
—
1.2
Fail
3.1
AA Large
1.7
Fail
1.4
Fail
1.2
Fail
—
2.7
Fail
1.4
Fail
1.2
Fail
3.1
AA Large
2.7
Fail
—
1.9
Fail
2.2
Fail
1.7
Fail
1.4
Fail
1.9
Fail
—
1.2
Fail
1.4
Fail
1.2
Fail
2.2
Fail
1.2
Fail
—
White BG
1.1Fail
1.3Fail
3.4AA Large
1.9Fail
1.6Fail
Black BG
18.9AAA
16.3AAA
6.1AA
11.3AAA
13.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFA9
E9E994
A9A871
9FA0C1
ACADCD

Deuteranopia

EDEBAF
E9E99A
B4C16E
9A94C2
A7A0CF

Tritanopia

E3BEC3
EAA9AE
EE6664
80C4C5
89D2D3

Achromatopsia

E9E9E9
DCDCDC
808080
B3B3B3
C2C2C2

Shades & Tints Shades & Tints

#E2FF8D

Dark
Light

#EAE879

Dark
Light

#F74480

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e2ff8d;
  --color-2: #eae879;
  --color-3: #f74480;
  --color-4: #7ccdbd;
  --color-5: #84e0c7;
}

SCSS

$color-1: #e2ff8d;
$color-2: #eae879;
$color-3: #f74480;
$color-4: #7ccdbd;
$color-5: #84e0c7;

TAILWIND

colors: {
  'brand-1': '#e2ff8d',
  'brand-2': '#eae879',
  'brand-3': '#f74480',
  'brand-4': '#7ccdbd',
  'brand-5': '#84e0c7',
}

RGB Array

[226, 255, 141], [234, 232, 121], [247, 68, 128], [124, 205, 189], [132, 224, 199]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E2FF8D, #EAE879, #F74480, #7CCDBD, #84E0C7 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: #e2ff8d; --color-2: #eae879; --color-3: #f74480; --color-4: #7ccdbd; --color-5: #84e0c7. 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