← Back to Editor

#FCE49D · #FAD978 · #FFFFFF · #F59F87 · #FA7569

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

#FCE49D

Goose Yellow · Khaki · Lemon Cream

HEX
#FCE49D
RGB
rgb(252, 228, 157)
HSL
hsl(45, 94%, 80%)
HSB
hsb(45, 38%, 99%)
CMYK
cmyk(0%, 10%, 38%, 1%)
Oklch
oklch(92.2% 0.093 91.5)

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

#FAD978

Goose Yellow · Khaki · Sunflower

HEX
#FAD978
RGB
rgb(250, 217, 120)
HSL
hsl(45, 93%, 73%)
HSB
hsb(45, 52%, 98%)
CMYK
cmyk(0%, 13%, 52%, 2%)
Oklch
oklch(89.3% 0.122 91.0)

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

#FFFFFF

Moonlight White · White · Cloud White

HEX
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
HSB
hsb(0, 0%, 100%)
CMYK
cmyk(0%, 0%, 0%, 0%)
Oklch
oklch(100.0% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

#F59F87

Peach Pink · LightSalmon · Coral Red

HEX
#F59F87
RGB
rgb(245, 159, 135)
HSL
hsl(13, 85%, 75%)
HSB
hsb(13, 45%, 96%)
CMYK
cmyk(0%, 35%, 45%, 4%)
Oklch
oklch(78.3% 0.109 36.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FA7569

Peach Pink · Salmon · Coral Red

HEX
#FA7569
RGB
rgb(250, 117, 105)
HSL
hsl(5, 94%, 70%)
HSB
hsb(5, 58%, 98%)
CMYK
cmyk(0%, 53%, 58%, 2%)
Oklch
oklch(71.7% 0.165 27.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCE49D
9CB4FC

Analogous

FCB49C
FCE49D
E4FC9C

Triadic

FCE49D
9CFCE4
E49CFC

Split-Comp.

FCE49D
9CE4FC
B49CFC

Tetradic

FCE49D
9CFCB4
9CB4FC
FC9CE4

Contrast Matrix WCAG 2.1 Contrast

FCE49D
FAD978
FFFFFF
F59F87
FA7569
—
1.1
Fail
1.3
Fail
1.6
Fail
2.1
Fail
1.1
Fail
—
1.4
Fail
1.5
Fail
2.0
Fail
1.3
Fail
1.4
Fail
—
2.1
Fail
2.7
Fail
1.6
Fail
1.5
Fail
2.1
Fail
—
1.3
Fail
2.1
Fail
2.0
Fail
2.7
Fail
1.3
Fail
—
White BG
1.3Fail
1.4Fail
1.0Fail
2.1Fail
2.7Fail
Black BG
16.7AAA
15.3AAA
21.0AAA
10.2AAA
7.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F2F1AE
ECEB8F
FFFFFF
D0CF8D
C0BF6C

Deuteranopia

F3F5B2
EEF095
FFFFFF
D5DB8E
C8D26D

Tritanopia

FBBCBF
F8A2A6
FFFFFF
F19192
F36E6F

Achromatopsia

E3E3E3
D8D8D8
FFFFFF
B6B6B6
9B9B9B

Shades & Tints Shades & Tints

#FCE49D

Dark
Light

#FAD978

Dark
Light

#FFFFFF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fce49d;
  --color-2: #fad978;
  --color-3: #ffffff;
  --color-4: #f59f87;
  --color-5: #fa7569;
}

SCSS

$color-1: #fce49d;
$color-2: #fad978;
$color-3: #ffffff;
$color-4: #f59f87;
$color-5: #fa7569;

TAILWIND

colors: {
  'brand-1': '#fce49d',
  'brand-2': '#fad978',
  'brand-3': '#ffffff',
  'brand-4': '#f59f87',
  'brand-5': '#fa7569',
}

RGB Array

[252, 228, 157], [250, 217, 120], [255, 255, 255], [245, 159, 135], [250, 117, 105]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FCE49D, #FAD978, #FFFFFF, #F59F87, #FA7569 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: #fce49d; --color-2: #fad978; --color-3: #ffffff; --color-4: #f59f87; --color-5: #fa7569. 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