← Back to Editor

#FCFCFA · #FEFBEC · #EB5067 · #F48C9E · #FACB7A

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

#FCFCFA

Fresh Green · Snow · Lemon Cream

HEX
#FCFCFA
RGB
rgb(252, 252, 250)
HSL
hsl(60, 25%, 98%)
HSB
hsb(60, 1%, 99%)
CMYK
cmyk(0%, 0%, 1%, 1%)
Oklch
oklch(99.1% 0.003 106.4)

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

#FEFBEC

Fresh Green · SeaShell · Lemon Cream

HEX
#FEFBEC
RGB
rgb(254, 251, 236)
HSL
hsl(50, 90%, 96%)
HSB
hsb(50, 7%, 100%)
CMYK
cmyk(0%, 1%, 7%, 0%)
Oklch
oklch(98.6% 0.020 97.5)

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

#EB5067

Peach Pink · Tomato · Coral Red

HEX
#EB5067
RGB
rgb(235, 80, 103)
HSL
hsl(351, 79%, 62%)
HSB
hsb(351, 66%, 92%)
CMYK
cmyk(0%, 66%, 56%, 8%)
Oklch
oklch(64.9% 0.190 15.6)

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

#F48C9E

Peach Pink · LightCoral · Coral Red

HEX
#F48C9E
RGB
rgb(244, 140, 158)
HSL
hsl(350, 83%, 75%)
HSB
hsb(350, 43%, 96%)
CMYK
cmyk(0%, 43%, 35%, 4%)
Oklch
oklch(75.6% 0.127 9.5)

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

#FACB7A

Goose Yellow · Khaki · Warm Sun

HEX
#FACB7A
RGB
rgb(250, 203, 122)
HSL
hsl(38, 93%, 73%)
HSB
hsb(38, 51%, 98%)
CMYK
cmyk(0%, 19%, 51%, 2%)
Oklch
oklch(86.6% 0.113 80.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCFCFA
F9F9FB

Analogous

FBFAF9
FCFCFA
FAFBF9

Triadic

FCFCFA
F9FBFB
FBF9FB

Split-Comp.

FCFCFA
F9FAFB
FAF9FB

Tetradic

FCFCFA
F9FBFA
F9F9FB
FBF9FA

Contrast Matrix WCAG 2.1 Contrast

FCFCFA
FEFBEC
EB5067
F48C9E
FACB7A
—
1.0
Fail
3.5
AA Large
2.2
Fail
1.5
Fail
1.0
Fail
—
3.4
AA Large
2.2
Fail
1.5
Fail
3.5
AA Large
3.4
AA Large
—
1.5
Fail
2.4
Fail
2.2
Fail
2.2
Fail
1.5
Fail
—
1.5
Fail
1.5
Fail
1.5
Fail
2.4
Fail
1.5
Fail
—
White BG
1.0Fail
1.0Fail
3.6AA Large
2.3Fail
1.5Fail
Black BG
20.4AAA
20.2AAA
5.9AA
9.1AAA
13.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FCFCFA
FDFDF0
A8A661
C7C69A
E6E58E

Deuteranopia

FCFCFB
FDFDF1
B1BD60
CDD599
E8EC92

Tritanopia

FCFBFB
FEF2F3
E35D5C
EF9695
F89DA0

Achromatopsia

FCFCFC
FAFAFA
818181
ADADAD
D0D0D0

Shades & Tints Shades & Tints

#FCFCFA

Dark
Light

#FEFBEC

Dark
Light

#EB5067

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcfcfa;
  --color-2: #fefbec;
  --color-3: #eb5067;
  --color-4: #f48c9e;
  --color-5: #facb7a;
}

SCSS

$color-1: #fcfcfa;
$color-2: #fefbec;
$color-3: #eb5067;
$color-4: #f48c9e;
$color-5: #facb7a;

TAILWIND

colors: {
  'brand-1': '#fcfcfa',
  'brand-2': '#fefbec',
  'brand-3': '#eb5067',
  'brand-4': '#f48c9e',
  'brand-5': '#facb7a',
}

RGB Array

[252, 252, 250], [254, 251, 236], [235, 80, 103], [244, 140, 158], [250, 203, 122]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FCFCFA, #FEFBEC, #EB5067, #F48C9E, #FACB7A 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: #fcfcfa; --color-2: #fefbec; --color-3: #eb5067; --color-4: #f48c9e; --color-5: #facb7a. 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