← Back to Editor

#EEFBDF · #F4ECA4 · #FB76AB · #F1C6D0 · #C0AF9F

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#EEFBDF

Willow Green · Beige · Mint Green

HEX
#EEFBDF
RGB
rgb(238, 251, 223)
HSL
hsl(88, 78%, 93%)
HSB
hsb(88, 11%, 98%)
CMYK
cmyk(5%, 0%, 11%, 2%)
Oklch
oklch(97.1% 0.039 127.5)

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

#F4ECA4

Fresh Green · Wheat · Lemon Cream

HEX
#F4ECA4
RGB
rgb(244, 236, 164)
HSL
hsl(54, 78%, 80%)
HSB
hsb(54, 33%, 96%)
CMYK
cmyk(0%, 3%, 33%, 4%)
Oklch
oklch(93.3% 0.092 102.6)

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

#FB76AB

Rouge · LightCoral · Rose Pink

HEX
#FB76AB
RGB
rgb(251, 118, 171)
HSL
hsl(336, 94%, 72%)
HSB
hsb(336, 53%, 98%)
CMYK
cmyk(0%, 53%, 32%, 2%)
Oklch
oklch(73.6% 0.171 357.1)

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

#F1C6D0

Peach Pink · Pink · Cherry Blossom

HEX
#F1C6D0
RGB
rgb(241, 198, 208)
HSL
hsl(346, 61%, 86%)
HSB
hsb(346, 18%, 95%)
CMYK
cmyk(0%, 18%, 14%, 5%)
Oklch
oklch(86.7% 0.050 2.6)

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

#C0AF9F

Apricot · DarkGray · Warm Sun

HEX
#C0AF9F
RGB
rgb(192, 175, 159)
HSL
hsl(29, 21%, 69%)
HSB
hsb(29, 17%, 75%)
CMYK
cmyk(0%, 9%, 17%, 25%)
Oklch
oklch(76.4% 0.030 65.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EEFBDF
ECDFFB

Analogous

FBFADF
EEFBDF
E0FBDF

Triadic

EEFBDF
DFEEFB
FBDFEE

Split-Comp.

EEFBDF
DFE0FB
FADFFB

Tetradic

EEFBDF
DFFBFA
ECDFFB
FBDFE0

Contrast Matrix WCAG 2.1 Contrast

EEFBDF
F4ECA4
FB76AB
F1C6D0
C0AF9F
—
1.1
Fail
2.4
Fail
1.4
Fail
2.0
Fail
1.1
Fail
—
2.1
Fail
1.3
Fail
1.8
Fail
2.4
Fail
2.1
Fail
—
1.7
Fail
1.2
Fail
1.4
Fail
1.3
Fail
1.7
Fail
—
1.4
Fail
2.0
Fail
1.8
Fail
1.2
Fail
1.4
Fail
—
White BG
1.1Fail
1.2Fail
2.5Fail
1.5Fail
2.1Fail
Black BG
19.5AAA
17.4AAA
8.3AAA
13.7AAA
9.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F4F4E6
F1F0B5
C1C09E
DEDECE
B9B8A3

Deuteranopia

F3F2E7
F1F2BA
C9D39B
E1E4CD
BABBA4

Tritanopia

EFEBEC
F4C3C6
F49492
EFCCCB
BFA6A7

Achromatopsia

F4F4F4
E6E6E6
A4A4A4
D4D4D4
B2B2B2

Shades & Tints Shades & Tints

#EEFBDF

Dark
Light

#F4ECA4

Dark
Light

#FB76AB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eefbdf;
  --color-2: #f4eca4;
  --color-3: #fb76ab;
  --color-4: #f1c6d0;
  --color-5: #c0af9f;
}

SCSS

$color-1: #eefbdf;
$color-2: #f4eca4;
$color-3: #fb76ab;
$color-4: #f1c6d0;
$color-5: #c0af9f;

TAILWIND

colors: {
  'brand-1': '#eefbdf',
  'brand-2': '#f4eca4',
  'brand-3': '#fb76ab',
  'brand-4': '#f1c6d0',
  'brand-5': '#c0af9f',
}

RGB Array

[238, 251, 223], [244, 236, 164], [251, 118, 171], [241, 198, 208], [192, 175, 159]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EEFBDF, #F4ECA4, #FB76AB, #F1C6D0, #C0AF9F 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: #eefbdf; --color-2: #f4eca4; --color-3: #fb76ab; --color-4: #f1c6d0; --color-5: #c0af9f. 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