← Back to Editor

#E5E9AE · #CEEFC0 · #DDE8B0 · #F1E196 · #FBDC82

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

#E5E9AE

Fresh Green · Wheat · Lemon Cream

HEX
#E5E9AE
RGB
rgb(229, 233, 174)
HSL
hsl(64, 57%, 80%)
HSB
hsb(64, 25%, 91%)
CMYK
cmyk(2%, 0%, 25%, 9%)
Oklch
oklch(91.7% 0.077 111.0)

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

#CEEFC0

Emerald · LightGray · Mint Green

HEX
#CEEFC0
RGB
rgb(206, 239, 192)
HSL
hsl(102, 59%, 85%)
HSB
hsb(102, 20%, 94%)
CMYK
cmyk(14%, 0%, 20%, 6%)
Oklch
oklch(91.6% 0.072 136.4)

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

#DDE8B0

Willow Green · Wheat · Apple Green

HEX
#DDE8B0
RGB
rgb(221, 232, 176)
HSL
hsl(72, 55%, 80%)
HSB
hsb(72, 24%, 91%)
CMYK
cmyk(5%, 0%, 24%, 9%)
Oklch
oklch(90.9% 0.074 116.9)

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

#F1E196

Goose Yellow · Khaki · Lemon Cream

HEX
#F1E196
RGB
rgb(241, 225, 150)
HSL
hsl(49, 76%, 77%)
HSB
hsb(49, 38%, 95%)
CMYK
cmyk(0%, 7%, 38%, 5%)
Oklch
oklch(90.6% 0.096 97.6)

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

#FBDC82

Goose Yellow · Khaki · Sunflower

HEX
#FBDC82
RGB
rgb(251, 220, 130)
HSL
hsl(45, 94%, 75%)
HSB
hsb(45, 48%, 98%)
CMYK
cmyk(0%, 12%, 48%, 2%)
Oklch
oklch(90.2% 0.115 91.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E5E9AE
B3AFE9

Analogous

E9D0AF
E5E9AE
C8E9AF

Triadic

E5E9AE
AFE5E9
E9AFE5

Split-Comp.

E5E9AE
AFC8E9
D0AFE9

Tetradic

E5E9AE
AFE9D0
B3AFE9
E9AFC8

Contrast Matrix WCAG 2.1 Contrast

E5E9AE
CEEFC0
DDE8B0
F1E196
FBDC82
—
1.0
Fail
1.0
Fail
1.0
Fail
1.1
Fail
1.0
Fail
—
1.0
Fail
1.0
Fail
1.1
Fail
1.0
Fail
1.0
Fail
—
1.0
Fail
1.0
Fail
1.0
Fail
1.0
Fail
1.0
Fail
—
1.0
Fail
1.1
Fail
1.1
Fail
1.0
Fail
1.0
Fail
—
White BG
1.3Fail
1.3Fail
1.3Fail
1.3Fail
1.3Fail
Black BG
16.6AAA
16.7AAA
16.2AAA
16.0AAA
15.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7BC
DCDDCB
E2E2BE
EAEAA8
EEED98

Deuteranopia

E7E6C0
DAD8CE
E1E0C1
EBECAD
EFF29D

Tritanopia

E5C8CA
D0D4D6
DEC8CB
F0B6BA
F9A9AD

Achromatopsia

E1E1E1
E0E0E0
DEDEDE
DDDDDD
DBDBDB

Shades & Tints Shades & Tints

#E5E9AE

Dark
Light

#CEEFC0

Dark
Light

#DDE8B0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e5e9ae;
  --color-2: #ceefc0;
  --color-3: #dde8b0;
  --color-4: #f1e196;
  --color-5: #fbdc82;
}

SCSS

$color-1: #e5e9ae;
$color-2: #ceefc0;
$color-3: #dde8b0;
$color-4: #f1e196;
$color-5: #fbdc82;

TAILWIND

colors: {
  'brand-1': '#e5e9ae',
  'brand-2': '#ceefc0',
  'brand-3': '#dde8b0',
  'brand-4': '#f1e196',
  'brand-5': '#fbdc82',
}

RGB Array

[229, 233, 174], [206, 239, 192], [221, 232, 176], [241, 225, 150], [251, 220, 130]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E5E9AE, #CEEFC0, #DDE8B0, #F1E196, #FBDC82 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: #e5e9ae; --color-2: #ceefc0; --color-3: #dde8b0; --color-4: #f1e196; --color-5: #fbdc82. 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