← Back to Editor

#FFFD9C · #FCD662 · #FC9A9A · #E0FF9E · #FCC2B6

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

#FFFD9C

Fresh Green · Khaki · Lemon Cream

HEX
#FFFD9C
RGB
rgb(255, 253, 156)
HSL
hsl(59, 100%, 81%)
HSB
hsb(59, 39%, 100%)
CMYK
cmyk(0%, 1%, 39%, 0%)
Oklch
oklch(97.5% 0.119 107.4)

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

#FCD662

Ginger · Khaki · Sunflower

HEX
#FCD662
RGB
rgb(252, 214, 98)
HSL
hsl(45, 96%, 69%)
HSB
hsb(45, 61%, 99%)
CMYK
cmyk(0%, 15%, 61%, 1%)
Oklch
oklch(88.7% 0.140 91.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#FC9A9A

Peach Pink · LightSalmon · Coral Red

HEX
#FC9A9A
RGB
rgb(252, 154, 154)
HSL
hsl(0, 94%, 80%)
HSB
hsb(0, 39%, 99%)
CMYK
cmyk(0%, 39%, 39%, 1%)
Oklch
oklch(78.7% 0.118 20.1)

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

#E0FF9E

Willow Green · Khaki · Mint Green

HEX
#E0FF9E
RGB
rgb(224, 255, 158)
HSL
hsl(79, 100%, 81%)
HSB
hsb(79, 38%, 100%)
CMYK
cmyk(12%, 0%, 38%, 0%)
Oklch
oklch(95.6% 0.126 123.2)

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

#FCC2B6

Peach Pink · LightPink · Cherry Blossom

HEX
#FCC2B6
RGB
rgb(252, 194, 182)
HSL
hsl(10, 92%, 85%)
HSB
hsb(10, 28%, 99%)
CMYK
cmyk(0%, 23%, 28%, 1%)
Oklch
oklch(86.3% 0.069 31.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFFD9C
9EA0FF

Analogous

FFCD9E
FFFD9C
D0FF9E

Triadic

FFFD9C
9EFFFD
FD9EFF

Split-Comp.

FFFD9C
9ED0FF
CD9EFF

Tetradic

FFFD9C
9EFFCD
9EA0FF
FF9ED0

Contrast Matrix WCAG 2.1 Contrast

FFFD9C
FCD662
FC9A9A
E0FF9E
FCC2B6
—
1.3
Fail
1.9
Fail
1.0
Fail
1.5
Fail
1.3
Fail
—
1.5
Fail
1.3
Fail
1.1
Fail
1.9
Fail
1.5
Fail
—
1.9
Fail
1.3
Fail
1.0
Fail
1.3
Fail
1.9
Fail
—
1.4
Fail
1.5
Fail
1.1
Fail
1.3
Fail
1.4
Fail
—
White BG
1.1Fail
1.4Fail
2.1Fail
1.1Fail
1.6Fail
Black BG
19.8AAA
14.9AAA
10.2AAA
19.0AAA
13.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FEFEB3
ECEB7E
D2D19A
EDEEB5
E3E2B9

Deuteranopia

FEFEB9
EEF185
D7DF9A
ECE9BB
E6EBBA

Tritanopia

FFC6CA
FA9499
F79A9A
E2C8CC
F9BBBC

Achromatopsia

F3F3F3
D4D4D4
B7B7B7
EBEBEB
D2D2D2

Shades & Tints Shades & Tints

#FFFD9C

Dark
Light

#FCD662

Dark
Light

#FC9A9A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fffd9c;
  --color-2: #fcd662;
  --color-3: #fc9a9a;
  --color-4: #e0ff9e;
  --color-5: #fcc2b6;
}

SCSS

$color-1: #fffd9c;
$color-2: #fcd662;
$color-3: #fc9a9a;
$color-4: #e0ff9e;
$color-5: #fcc2b6;

TAILWIND

colors: {
  'brand-1': '#fffd9c',
  'brand-2': '#fcd662',
  'brand-3': '#fc9a9a',
  'brand-4': '#e0ff9e',
  'brand-5': '#fcc2b6',
}

RGB Array

[255, 253, 156], [252, 214, 98], [252, 154, 154], [224, 255, 158], [252, 194, 182]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFFD9C, #FCD662, #FC9A9A, #E0FF9E, #FCC2B6 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: #fffd9c; --color-2: #fcd662; --color-3: #fc9a9a; --color-4: #e0ff9e; --color-5: #fcc2b6. 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