← Back to Editor

#EEEEE4 · #FCC2CE · #FE4A79 · #DCF364 · #6DD6AD

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

#EEEEE4

Fresh Green · Linen · Lemon Cream

HEX
#EEEEE4
RGB
rgb(238, 238, 228)
HSL
hsl(60, 23%, 91%)
HSB
hsb(60, 4%, 93%)
CMYK
cmyk(0%, 0%, 4%, 7%)
Oklch
oklch(94.6% 0.013 106.7)

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

#FCC2CE

Peach Pink · Pink · Cherry Blossom

HEX
#FCC2CE
RGB
rgb(252, 194, 206)
HSL
hsl(348, 91%, 87%)
HSB
hsb(348, 23%, 99%)
CMYK
cmyk(0%, 23%, 18%, 1%)
Oklch
oklch(86.9% 0.068 4.8)

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

#FE4A79

Rouge · Salmon · Rose Pink

HEX
#FE4A79
RGB
rgb(254, 74, 121)
HSL
hsl(344, 99%, 64%)
HSB
hsb(344, 71%, 100%)
CMYK
cmyk(0%, 71%, 52%, 0%)
Oklch
oklch(67.7% 0.216 9.8)

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

#DCF364

Willow Green · Khaki · Apple Green

HEX
#DCF364
RGB
rgb(220, 243, 100)
HSL
hsl(70, 86%, 67%)
HSB
hsb(70, 59%, 95%)
CMYK
cmyk(9%, 0%, 59%, 5%)
Oklch
oklch(92.0% 0.168 117.5)

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

#6DD6AD

Jade · MediumAquaMarine · Apple Green

HEX
#6DD6AD
RGB
rgb(109, 214, 173)
HSL
hsl(157, 56%, 63%)
HSB
hsb(157, 49%, 84%)
CMYK
cmyk(49%, 0%, 19%, 16%)
Oklch
oklch(80.2% 0.115 165.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EEEEE4
E3E3ED

Analogous

EDE8E3
EEEEE4
E8EDE3

Triadic

EEEEE4
E3EDED
EDE3ED

Split-Comp.

EEEEE4
E3E8ED
E8E3ED

Tetradic

EEEEE4
E3EDE8
E3E3ED
EDE3E8

Contrast Matrix WCAG 2.1 Contrast

EEEEE4
FCC2CE
FE4A79
DCF364
6DD6AD
—
1.3
Fail
2.8
Fail
1.1
Fail
1.5
Fail
1.3
Fail
—
2.1
Fail
1.2
Fail
1.2
Fail
2.8
Fail
2.1
Fail
—
2.6
Fail
1.8
Fail
1.1
Fail
1.2
Fail
2.6
Fail
—
1.4
Fail
1.5
Fail
1.2
Fail
1.8
Fail
1.4
Fail
—
White BG
1.2Fail
1.5Fail
3.2AA Large
1.2Fail
1.8Fail
Black BG
18.0AAA
13.7AAA
6.5AA
17.0AAA
11.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EEEEE6
E3E2CB
B0AE6E
E6E687
9A9BB7

Deuteranopia

EEEEE7
E6EBCA
BBC86B
E5E38F
948DB9

Tritanopia

EEE8E9
F9C9C8
F56563
DDA2A8
72BFC0

Achromatopsia

EDEDED
D5D5D5
858585
DCDCDC
B2B2B2

Shades & Tints Shades & Tints

#EEEEE4

Dark
Light

#FCC2CE

Dark
Light

#FE4A79

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eeeee4;
  --color-2: #fcc2ce;
  --color-3: #fe4a79;
  --color-4: #dcf364;
  --color-5: #6dd6ad;
}

SCSS

$color-1: #eeeee4;
$color-2: #fcc2ce;
$color-3: #fe4a79;
$color-4: #dcf364;
$color-5: #6dd6ad;

TAILWIND

colors: {
  'brand-1': '#eeeee4',
  'brand-2': '#fcc2ce',
  'brand-3': '#fe4a79',
  'brand-4': '#dcf364',
  'brand-5': '#6dd6ad',
}

RGB Array

[238, 238, 228], [252, 194, 206], [254, 74, 121], [220, 243, 100], [109, 214, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EEEEE4, #FCC2CE, #FE4A79, #DCF364, #6DD6AD 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: #eeeee4; --color-2: #fcc2ce; --color-3: #fe4a79; --color-4: #dcf364; --color-5: #6dd6ad. 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