← Back to Editor

#EFF0D5 · #D0DBC9 · #FCFDE0 · #F9D994 · #EEAE23

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

#EFF0D5

Fresh Green · Beige · Lemon Cream

HEX
#EFF0D5
RGB
rgb(239, 240, 213)
HSL
hsl(62, 47%, 89%)
HSB
hsb(62, 11%, 94%)
CMYK
cmyk(0%, 0%, 11%, 6%)
Oklch
oklch(94.7% 0.036 108.8)

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

#D0DBC9

Celadon · LightGray · Mint Green

HEX
#D0DBC9
RGB
rgb(208, 219, 201)
HSL
hsl(97, 20%, 82%)
HSB
hsb(97, 8%, 86%)
CMYK
cmyk(5%, 0%, 8%, 14%)
Oklch
oklch(87.8% 0.027 133.0)

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

#FCFDE0

Fresh Green · LightYellow · Lemon Cream

HEX
#FCFDE0
RGB
rgb(252, 253, 224)
HSL
hsl(62, 88%, 94%)
HSB
hsb(62, 11%, 99%)
CMYK
cmyk(0%, 0%, 11%, 1%)
Oklch
oklch(98.6% 0.038 108.7)

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

#F9D994

Goose Yellow · Khaki · Lemon Cream

HEX
#F9D994
RGB
rgb(249, 217, 148)
HSL
hsl(41, 89%, 78%)
HSB
hsb(41, 41%, 98%)
CMYK
cmyk(0%, 13%, 41%, 2%)
Oklch
oklch(89.7% 0.094 85.7)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#EEAE23

Ginger · GoldenRod · Sunflower

HEX
#EEAE23
RGB
rgb(238, 174, 35)
HSL
hsl(41, 86%, 54%)
HSB
hsb(41, 85%, 93%)
CMYK
cmyk(0%, 27%, 85%, 7%)
Oklch
oklch(79.1% 0.156 80.4)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFF0D5
D7D6F0

Analogous

F0E4D6
EFF0D5
E2F0D6

Triadic

EFF0D5
D6EFF0
F0D6EF

Split-Comp.

EFF0D5
D6E2F0
E4D6F0

Tetradic

EFF0D5
D6F0E4
D7D6F0
F0D6E2

Contrast Matrix WCAG 2.1 Contrast

EFF0D5
D0DBC9
FCFDE0
F9D994
EEAE23
—
1.2
Fail
1.1
Fail
1.2
Fail
1.7
Fail
1.2
Fail
—
1.4
Fail
1.0
Fail
1.4
Fail
1.1
Fail
1.4
Fail
—
1.3
Fail
1.9
Fail
1.2
Fail
1.0
Fail
1.3
Fail
—
1.4
Fail
1.7
Fail
1.4
Fail
1.9
Fail
1.4
Fail
—
White BG
1.2Fail
1.4Fail
1.0Fail
1.4Fail
2.0Fail
Black BG
18.1AAA
14.7AAA
20.3AAA
15.4AAA
10.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFDC
D5D5CD
FCFCE7
EBEBA5
D2D245

Deuteranopia

EFEFDD
D4D3CE
FCFCE9
EDEFA9
D6DB4D

Tritanopia

EFE1E2
D1D1D2
FCEDEE
F7B2B5
EB5F65

Achromatopsia

EDEDED
D6D6D6
F9F9F9
DBDBDB
B1B1B1

Shades & Tints Shades & Tints

#EFF0D5

Dark
Light

#D0DBC9

Dark
Light

#FCFDE0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eff0d5;
  --color-2: #d0dbc9;
  --color-3: #fcfde0;
  --color-4: #f9d994;
  --color-5: #eeae23;
}

SCSS

$color-1: #eff0d5;
$color-2: #d0dbc9;
$color-3: #fcfde0;
$color-4: #f9d994;
$color-5: #eeae23;

TAILWIND

colors: {
  'brand-1': '#eff0d5',
  'brand-2': '#d0dbc9',
  'brand-3': '#fcfde0',
  'brand-4': '#f9d994',
  'brand-5': '#eeae23',
}

RGB Array

[239, 240, 213], [208, 219, 201], [252, 253, 224], [249, 217, 148], [238, 174, 35]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFF0D5, #D0DBC9, #FCFDE0, #F9D994, #EEAE23 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: #eff0d5; --color-2: #d0dbc9; --color-3: #fcfde0; --color-4: #f9d994; --color-5: #eeae23. 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