← Back to Editor

#EEFFF3 · #FEFFE8 · #FFFCCC · #CCEEEE · #EEA343

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

#EEFFF3

Emerald · Snow · Mint Green

HEX
#EEFFF3
RGB
rgb(238, 255, 243)
HSL
hsl(138, 100%, 97%)
HSB
hsb(138, 7%, 100%)
CMYK
cmyk(7%, 0%, 5%, 0%)
Oklch
oklch(98.4% 0.024 155.2)

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

#FEFFE8

Fresh Green · LightYellow · Lemon Cream

HEX
#FEFFE8
RGB
rgb(254, 255, 232)
HSL
hsl(63, 100%, 95%)
HSB
hsb(63, 9%, 100%)
CMYK
cmyk(0%, 0%, 9%, 0%)
Oklch
oklch(99.3% 0.030 109.0)

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

#FFFCCC

Fresh Green · Beige · Lemon Cream

HEX
#FFFCCC
RGB
rgb(255, 252, 204)
HSL
hsl(56, 100%, 90%)
HSB
hsb(56, 20%, 100%)
CMYK
cmyk(0%, 1%, 20%, 0%)
Oklch
oklch(98.2% 0.062 104.5)

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

#CCEEEE

Sky Blue · Lavender · Glacier Blue

HEX
#CCEEEE
RGB
rgb(204, 238, 238)
HSL
hsl(180, 50%, 87%)
HSB
hsb(180, 14%, 93%)
CMYK
cmyk(14%, 0%, 0%, 7%)
Oklch
oklch(92.5% 0.035 196.6)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#EEA343

Ginger · SandyBrown · Warm Sun

HEX
#EEA343
RGB
rgb(238, 163, 67)
HSL
hsl(34, 83%, 60%)
HSB
hsb(34, 72%, 93%)
CMYK
cmyk(0%, 32%, 72%, 7%)
Oklch
oklch(77.2% 0.140 69.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EEFFF3
FFF0FA

Analogous

F3FFF0
EEFFF3
F0FFFC

Triadic

EEFFF3
F4F0FF
FFF4F0

Split-Comp.

EEFFF3
FCF0FF
FFF0F3

Tetradic

EEFFF3
F0F3FF
FFF0FA
FFFCF0

Contrast Matrix WCAG 2.1 Contrast

EEFFF3
FEFFE8
FFFCCC
CCEEEE
EEA343
—
1.0
Fail
1.0
Fail
1.2
Fail
2.0
Fail
1.0
Fail
—
1.0
Fail
1.2
Fail
2.1
Fail
1.0
Fail
1.0
Fail
—
1.2
Fail
2.0
Fail
1.2
Fail
1.2
Fail
1.2
Fail
—
1.7
Fail
2.0
Fail
2.1
Fail
2.0
Fail
1.7
Fail
—
White BG
1.0Fail
1.0Fail
1.0Fail
1.2Fail
2.1Fail
Black BG
20.2AAA
20.7AAA
20.0AAA
17.0AAA
10.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F5F6F6
FEFEEE
FEFED8
DBDBEE
CECD5A

Deuteranopia

F4F3F7
FEFEEF
FEFEDA
D9D6EE
D2D860

Tritanopia

EFF8F9
FEF2F3
FFE1E3
CEEEEE
EA6D71

Achromatopsia

F9F9F9
FCFCFC
F7F7F7
E4E4E4
AEAEAE

Shades & Tints Shades & Tints

#EEFFF3

Dark
Light

#FEFFE8

Dark
Light

#FFFCCC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eefff3;
  --color-2: #feffe8;
  --color-3: #fffccc;
  --color-4: #cceeee;
  --color-5: #eea343;
}

SCSS

$color-1: #eefff3;
$color-2: #feffe8;
$color-3: #fffccc;
$color-4: #cceeee;
$color-5: #eea343;

TAILWIND

colors: {
  'brand-1': '#eefff3',
  'brand-2': '#feffe8',
  'brand-3': '#fffccc',
  'brand-4': '#cceeee',
  'brand-5': '#eea343',
}

RGB Array

[238, 255, 243], [254, 255, 232], [255, 252, 204], [204, 238, 238], [238, 163, 67]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EEFFF3, #FEFFE8, #FFFCCC, #CCEEEE, #EEA343 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: #eefff3; --color-2: #feffe8; --color-3: #fffccc; --color-4: #cceeee; --color-5: #eea343. 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