← Back to Editor

#FCF9F9 · #FBFD56 · #EFDC3D · #F7F28A · #F1F7AD

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

#FCF9F9

Peach Pink · Snow · Cherry Blossom

HEX
#FCF9F9
RGB
rgb(252, 249, 249)
HSL
hsl(0, 33%, 98%)
HSB
hsb(0, 1%, 99%)
CMYK
cmyk(0%, 1%, 1%, 1%)
Oklch
oklch(98.4% 0.003 17.2)

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

#FBFD56

Fresh Green · Khaki · Sunflower

HEX
#FBFD56
RGB
rgb(251, 253, 86)
HSL
hsl(61, 98%, 66%)
HSB
hsb(61, 66%, 99%)
CMYK
cmyk(1%, 0%, 66%, 1%)
Oklch
oklch(96.4% 0.181 110.0)

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

#EFDC3D

Autumn Sage · Gold · Sunflower

HEX
#EFDC3D
RGB
rgb(239, 220, 61)
HSL
hsl(54, 85%, 59%)
HSB
hsb(54, 74%, 94%)
CMYK
cmyk(0%, 8%, 74%, 6%)
Oklch
oklch(88.4% 0.168 102.2)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#F7F28A

Fresh Green · Khaki · Sunflower

HEX
#F7F28A
RGB
rgb(247, 242, 138)
HSL
hsl(57, 87%, 75%)
HSB
hsb(57, 44%, 97%)
CMYK
cmyk(0%, 2%, 44%, 3%)
Oklch
oklch(94.3% 0.126 106.2)

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

#F1F7AD

Fresh Green · Wheat · Lemon Cream

HEX
#F1F7AD
RGB
rgb(241, 247, 173)
HSL
hsl(65, 82%, 82%)
HSB
hsb(65, 30%, 97%)
CMYK
cmyk(2%, 0%, 30%, 3%)
Oklch
oklch(95.4% 0.094 111.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCF9F9
F8FCFC

Analogous

FCF8FA
FCF9F9
FCFAF8

Triadic

FCF9F9
F8FCF8
F8F8FC

Split-Comp.

FCF9F9
F8FCFA
F8FAFC

Tetradic

FCF9F9
FAFCF8
F8FCFC
FAF8FC

Contrast Matrix WCAG 2.1 Contrast

FCF9F9
FBFD56
EFDC3D
F7F28A
F1F7AD
—
1.0
Fail
1.3
Fail
1.1
Fail
1.1
Fail
1.0
Fail
—
1.3
Fail
1.1
Fail
1.0
Fail
1.3
Fail
1.3
Fail
—
1.2
Fail
1.2
Fail
1.1
Fail
1.1
Fail
1.2
Fail
—
1.0
Fail
1.1
Fail
1.0
Fail
1.2
Fail
1.0
Fail
—
White BG
1.0Fail
1.1Fail
1.4Fail
1.2Fail
1.1Fail
Black BG
20.1AAA
19.3AAA
15.0AAA
18.0AAA
18.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FBFBF9
FCFC7E
E7E763
F5F5A3
F4F4BF

Deuteranopia

FBFBF9
FCFC88
E8E96D
F5F5A9
F3F3C3

Tritanopia

FCF9F9
FB9EA5
EE8289
F7B7BB
F1CDD0

Achromatopsia

FAFAFA
E9E9E9
D0D0D0
E8E8E8
EDEDED

Shades & Tints Shades & Tints

#FCF9F9

Dark
Light

#FBFD56

Dark
Light

#EFDC3D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcf9f9;
  --color-2: #fbfd56;
  --color-3: #efdc3d;
  --color-4: #f7f28a;
  --color-5: #f1f7ad;
}

SCSS

$color-1: #fcf9f9;
$color-2: #fbfd56;
$color-3: #efdc3d;
$color-4: #f7f28a;
$color-5: #f1f7ad;

TAILWIND

colors: {
  'brand-1': '#fcf9f9',
  'brand-2': '#fbfd56',
  'brand-3': '#efdc3d',
  'brand-4': '#f7f28a',
  'brand-5': '#f1f7ad',
}

RGB Array

[252, 249, 249], [251, 253, 86], [239, 220, 61], [247, 242, 138], [241, 247, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FCF9F9, #FBFD56, #EFDC3D, #F7F28A, #F1F7AD 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: #fcf9f9; --color-2: #fbfd56; --color-3: #efdc3d; --color-4: #f7f28a; --color-5: #f1f7ad. 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