← Back to Editor

#FFFED2 · #DFC590 · #F9F6B3 · #FFA29E · #F98EA0

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

#FFFED2

Fresh Green · LightYellow · Lemon Cream

HEX
#FFFED2
RGB
rgb(255, 254, 210)
HSL
hsl(59, 100%, 91%)
HSB
hsb(59, 18%, 100%)
CMYK
cmyk(0%, 0%, 18%, 0%)
Oklch
oklch(98.7% 0.057 106.3)

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

#DFC590

Goose Yellow · BurlyWood · Sunflower

HEX
#DFC590
RGB
rgb(223, 197, 144)
HSL
hsl(40, 55%, 72%)
HSB
hsb(40, 35%, 87%)
CMYK
cmyk(0%, 12%, 35%, 13%)
Oklch
oklch(83.3% 0.075 84.7)

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

#F9F6B3

Fresh Green · Wheat · Lemon Cream

HEX
#F9F6B3
RGB
rgb(249, 246, 179)
HSL
hsl(57, 85%, 84%)
HSB
hsb(57, 28%, 98%)
CMYK
cmyk(0%, 1%, 28%, 2%)
Oklch
oklch(96.0% 0.085 105.7)

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

#FFA29E

Peach Pink · LightSalmon · Cherry Blossom

HEX
#FFA29E
RGB
rgb(255, 162, 158)
HSL
hsl(2, 100%, 81%)
HSB
hsb(2, 38%, 100%)
CMYK
cmyk(0%, 36%, 38%, 0%)
Oklch
oklch(80.4% 0.111 22.5)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#F98EA0

Peach Pink · LightCoral · Coral Red

HEX
#F98EA0
RGB
rgb(249, 142, 160)
HSL
hsl(350, 90%, 77%)
HSB
hsb(350, 43%, 98%)
CMYK
cmyk(0%, 43%, 36%, 2%)
Oklch
oklch(76.5% 0.130 9.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFFED2
D1D2FF

Analogous

FFE7D1
FFFED2
E9FFD1

Triadic

FFFED2
D1FFFE
FED1FF

Split-Comp.

FFFED2
D1E9FF
E7D1FF

Tetradic

FFFED2
D1FFE7
D1D2FF
FFD1E9

Contrast Matrix WCAG 2.1 Contrast

FFFED2
DFC590
F9F6B3
FFA29E
F98EA0
—
1.6
Fail
1.1
Fail
1.9
Fail
2.2
Fail
1.6
Fail
—
1.5
Fail
1.1
Fail
1.3
Fail
1.1
Fail
1.5
Fail
—
1.7
Fail
2.0
Fail
1.9
Fail
1.1
Fail
1.7
Fail
—
1.2
Fail
2.2
Fail
1.3
Fail
2.0
Fail
1.2
Fail
—
White BG
1.0Fail
1.7Fail
1.1Fail
1.9Fail
2.2Fail
Black BG
20.4AAA
12.5AAA
18.9AAA
10.9AAA
9.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FFFFDD
D4D49D
F8F8C3
D7D69F
CBCA9C

Deuteranopia

FFFFDF
D5D7A0
F8F8C7
DCE39F
D1D99B

Tritanopia

FFE5E7
DEA7A9
F9D0D3
FAA0A0
F49897

Achromatopsia

F9F9F9
C7C7C7
EFEFEF
BDBDBD
B0B0B0

Shades & Tints Shades & Tints

#FFFED2

Dark
Light

#DFC590

Dark
Light

#F9F6B3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fffed2;
  --color-2: #dfc590;
  --color-3: #f9f6b3;
  --color-4: #ffa29e;
  --color-5: #f98ea0;
}

SCSS

$color-1: #fffed2;
$color-2: #dfc590;
$color-3: #f9f6b3;
$color-4: #ffa29e;
$color-5: #f98ea0;

TAILWIND

colors: {
  'brand-1': '#fffed2',
  'brand-2': '#dfc590',
  'brand-3': '#f9f6b3',
  'brand-4': '#ffa29e',
  'brand-5': '#f98ea0',
}

RGB Array

[255, 254, 210], [223, 197, 144], [249, 246, 179], [255, 162, 158], [249, 142, 160]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFFED2, #DFC590, #F9F6B3, #FFA29E, #F98EA0 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: #fffed2; --color-2: #dfc590; --color-3: #f9f6b3; --color-4: #ffa29e; --color-5: #f98ea0. 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