← Back to Editor

#F9CB78 · #F3DB99 · #F97653 · #EB5E50 · #FCFBDC

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

#F9CB78

Goose Yellow · Khaki · Warm Sun

HEX
#F9CB78
RGB
rgb(249, 203, 120)
HSL
hsl(39, 91%, 72%)
HSB
hsb(39, 52%, 98%)
CMYK
cmyk(0%, 18%, 52%, 2%)
Oklch
oklch(86.5% 0.114 81.1)

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

#F3DB99

Goose Yellow · Khaki · Lemon Cream

HEX
#F3DB99
RGB
rgb(243, 219, 153)
HSL
hsl(44, 79%, 78%)
HSB
hsb(44, 37%, 95%)
CMYK
cmyk(0%, 10%, 37%, 5%)
Oklch
oklch(89.6% 0.088 90.3)

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

#F97653

Peach Pink · Coral · Coral Red

HEX
#F97653
RGB
rgb(249, 118, 83)
HSL
hsl(13, 93%, 65%)
HSB
hsb(13, 67%, 98%)
CMYK
cmyk(0%, 53%, 67%, 2%)
Oklch
oklch(71.4% 0.169 36.0)

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

#EB5E50

Peach Pink · Tomato · Coral Red

HEX
#EB5E50
RGB
rgb(235, 94, 80)
HSL
hsl(5, 79%, 62%)
HSB
hsb(5, 66%, 92%)
CMYK
cmyk(0%, 60%, 66%, 8%)
Oklch
oklch(66.1% 0.177 28.5)

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

#FCFBDC

Fresh Green · LightYellow · Lemon Cream

HEX
#FCFBDC
RGB
rgb(252, 251, 220)
HSL
hsl(58, 84%, 93%)
HSB
hsb(58, 13%, 99%)
CMYK
cmyk(0%, 0%, 13%, 1%)
Oklch
oklch(98.1% 0.040 105.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F9CB78
77A4F9

Analogous

F98A77
F9CB78
E5F977

Triadic

F9CB78
77F9CB
CB77F9

Split-Comp.

F9CB78
77E5F9
8A77F9

Tetradic

F9CB78
77F98A
77A4F9
F977E5

Contrast Matrix WCAG 2.1 Contrast

F9CB78
F3DB99
F97653
EB5E50
FCFBDC
—
1.1
Fail
1.8
Fail
2.2
Fail
1.4
Fail
1.1
Fail
—
2.0
Fail
2.5
Fail
1.3
Fail
1.8
Fail
2.0
Fail
—
1.2
Fail
2.6
Fail
2.2
Fail
2.5
Fail
1.2
Fail
—
3.2
AA Large
1.4
Fail
1.3
Fail
2.6
Fail
3.2
AA Large
—
White BG
1.5Fail
1.4Fail
2.7Fail
3.4AA Large
1.1Fail
Black BG
13.8AAA
15.4AAA
7.7AAA
6.2AA
20.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E58C
E9E8A9
C0BF5B
AEAD53
FCFCE4

Deuteranopia

E8EB91
EAECAD
C8D25E
B6C154
FCFCE5

Tritanopia

F79C9F
F2B6B8
F26264
E45657
FCE9EB

Achromatopsia

CFCFCF
DBDBDB
999999
878787
F8F8F8

Shades & Tints Shades & Tints

#F9CB78

Dark
Light

#F3DB99

Dark
Light

#F97653

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f9cb78;
  --color-2: #f3db99;
  --color-3: #f97653;
  --color-4: #eb5e50;
  --color-5: #fcfbdc;
}

SCSS

$color-1: #f9cb78;
$color-2: #f3db99;
$color-3: #f97653;
$color-4: #eb5e50;
$color-5: #fcfbdc;

TAILWIND

colors: {
  'brand-1': '#f9cb78',
  'brand-2': '#f3db99',
  'brand-3': '#f97653',
  'brand-4': '#eb5e50',
  'brand-5': '#fcfbdc',
}

RGB Array

[249, 203, 120], [243, 219, 153], [249, 118, 83], [235, 94, 80], [252, 251, 220]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F9CB78, #F3DB99, #F97653, #EB5E50, #FCFBDC 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: #f9cb78; --color-2: #f3db99; --color-3: #f97653; --color-4: #eb5e50; --color-5: #fcfbdc. 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