← Back to Editor

#DDF178 · #FFFDE4 · #F8DE86 · #E8C08B · #F6F1AE

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

#DDF178

Willow Green · Khaki · Apple Green

HEX
#DDF178
RGB
rgb(221, 241, 120)
HSL
hsl(70, 81%, 71%)
HSB
hsb(70, 50%, 95%)
CMYK
cmyk(8%, 0%, 50%, 5%)
Oklch
oklch(91.9% 0.148 117.2)

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

#FFFDE4

Fresh Green · LightYellow · Lemon Cream

HEX
#FFFDE4
RGB
rgb(255, 253, 228)
HSL
hsl(56, 100%, 95%)
HSB
hsb(56, 11%, 100%)
CMYK
cmyk(0%, 1%, 11%, 0%)
Oklch
oklch(98.9% 0.033 103.2)

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

#F8DE86

Goose Yellow · Khaki · Sunflower

HEX
#F8DE86
RGB
rgb(248, 222, 134)
HSL
hsl(46, 89%, 75%)
HSB
hsb(46, 46%, 97%)
CMYK
cmyk(0%, 10%, 46%, 3%)
Oklch
oklch(90.3% 0.112 93.5)

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

#E8C08B

Goose Yellow · BurlyWood · Warm Sun

HEX
#E8C08B
RGB
rgb(232, 192, 139)
HSL
hsl(34, 67%, 73%)
HSB
hsb(34, 40%, 91%)
CMYK
cmyk(0%, 17%, 40%, 9%)
Oklch
oklch(83.1% 0.083 74.1)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#F6F1AE

Fresh Green · Wheat · Lemon Cream

HEX
#F6F1AE
RGB
rgb(246, 241, 174)
HSL
hsl(56, 80%, 82%)
HSB
hsb(56, 29%, 96%)
CMYK
cmyk(0%, 2%, 29%, 4%)
Oklch
oklch(94.6% 0.085 104.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DDF178
8D79F1

Analogous

F1C979
DDF178
A1F179

Triadic

DDF178
79DDF1
F179DD

Split-Comp.

DDF178
79A1F1
C979F1

Tetradic

DDF178
79F1C9
8D79F1
F179A1

Contrast Matrix WCAG 2.1 Contrast

DDF178
FFFDE4
F8DE86
E8C08B
F6F1AE
—
1.2
Fail
1.1
Fail
1.4
Fail
1.1
Fail
1.2
Fail
—
1.3
Fail
1.7
Fail
1.1
Fail
1.1
Fail
1.3
Fail
—
1.3
Fail
1.1
Fail
1.4
Fail
1.7
Fail
1.3
Fail
—
1.5
Fail
1.1
Fail
1.1
Fail
1.1
Fail
1.5
Fail
—
White BG
1.2Fail
1.0Fail
1.3Fail
1.7Fail
1.2Fail
Black BG
16.9AAA
20.4AAA
15.8AAA
12.3AAA
18.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E6E695
FEFEEA
EDED9B
D7D698
F4F4BE

Deuteranopia

E5E39C
FEFEEC
EEF0A0
D9DC9B
F4F5C2

Tritanopia

DEACB1
FFEFF0
F7ACB0
E6A2A4
F6CBCE

Achromatopsia

DDDDDD
FBFBFB
DCDCDC
C6C6C6
EBEBEB

Shades & Tints Shades & Tints

#DDF178

Dark
Light

#FFFDE4

Dark
Light

#F8DE86

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ddf178;
  --color-2: #fffde4;
  --color-3: #f8de86;
  --color-4: #e8c08b;
  --color-5: #f6f1ae;
}

SCSS

$color-1: #ddf178;
$color-2: #fffde4;
$color-3: #f8de86;
$color-4: #e8c08b;
$color-5: #f6f1ae;

TAILWIND

colors: {
  'brand-1': '#ddf178',
  'brand-2': '#fffde4',
  'brand-3': '#f8de86',
  'brand-4': '#e8c08b',
  'brand-5': '#f6f1ae',
}

RGB Array

[221, 241, 120], [255, 253, 228], [248, 222, 134], [232, 192, 139], [246, 241, 174]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DDF178, #FFFDE4, #F8DE86, #E8C08B, #F6F1AE 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: #ddf178; --color-2: #fffde4; --color-3: #f8de86; --color-4: #e8c08b; --color-5: #f6f1ae. 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