← Back to Editor

#F2B602 · #C9BFA1 · #E3A578 · #CFC0BA · #EBB209

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

#F2B602

Ochre · Orange · Honey Gold

HEX
#F2B602
RGB
rgb(242, 182, 2)
HSL
hsl(45, 98%, 48%)
HSB
hsb(45, 99%, 95%)
CMYK
cmyk(0%, 25%, 99%, 5%)
Oklch
oklch(80.9% 0.166 84.5)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#C9BFA1

Goose Yellow · Tan · Sunflower

HEX
#C9BFA1
RGB
rgb(201, 191, 161)
HSL
hsl(45, 27%, 71%)
HSB
hsb(45, 20%, 79%)
CMYK
cmyk(0%, 5%, 20%, 21%)
Oklch
oklch(80.5% 0.042 91.8)

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

#E3A578

Apricot · DarkSalmon · Warm Sun

HEX
#E3A578
RGB
rgb(227, 165, 120)
HSL
hsl(25, 66%, 68%)
HSB
hsb(25, 47%, 89%)
CMYK
cmyk(0%, 27%, 47%, 11%)
Oklch
oklch(77.1% 0.095 56.8)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#CFC0BA

Apricot · Silver · Peach Orange

HEX
#CFC0BA
RGB
rgb(207, 192, 186)
HSL
hsl(17, 18%, 77%)
HSB
hsb(17, 10%, 81%)
CMYK
cmyk(0%, 7%, 10%, 19%)
Oklch
oklch(81.9% 0.019 43.2)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#EBB209

Ochre · Orange · Honey Gold

HEX
#EBB209
RGB
rgb(235, 178, 9)
HSL
hsl(45, 93%, 48%)
HSB
hsb(45, 96%, 92%)
CMYK
cmyk(0%, 24%, 96%, 8%)
Oklch
oklch(79.4% 0.162 85.1)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F2B602
023EF2

Analogous

F23E02
F2B602
B6F202

Triadic

F2B602
02F2B6
B602F2

Split-Comp.

F2B602
02B6F2
3E02F2

Tetradic

F2B602
02F23E
023EF2
F202B6

Contrast Matrix WCAG 2.1 Contrast

F2B602
C9BFA1
E3A578
CFC0BA
EBB209
—
1.0
Fail
1.2
Fail
1.0
Fail
1.1
Fail
1.0
Fail
—
1.2
Fail
1.0
Fail
1.1
Fail
1.2
Fail
1.2
Fail
—
1.2
Fail
1.1
Fail
1.0
Fail
1.0
Fail
1.2
Fail
—
1.1
Fail
1.1
Fail
1.1
Fail
1.1
Fail
1.1
Fail
—
White BG
1.8Fail
1.8Fail
2.1Fail
1.8Fail
1.9Fail
Black BG
11.5AAA
11.5AAA
9.9AAA
11.9AAA
10.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D72E
C5C5A8
C8C883
C9C8BB
D2D232

Deuteranopia

DCE038
C5C6AA
CCD086
C9CABC
D6DA3C

Tritanopia

EF5058
C9AEAF
E08B8D
CEBDBD
E85259

Achromatopsia

B3B3B3
BFBFBF
B2B2B2
C4C4C4
B0B0B0

Shades & Tints Shades & Tints

#F2B602

Dark
Light

#C9BFA1

Dark
Light

#E3A578

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f2b602;
  --color-2: #c9bfa1;
  --color-3: #e3a578;
  --color-4: #cfc0ba;
  --color-5: #ebb209;
}

SCSS

$color-1: #f2b602;
$color-2: #c9bfa1;
$color-3: #e3a578;
$color-4: #cfc0ba;
$color-5: #ebb209;

TAILWIND

colors: {
  'brand-1': '#f2b602',
  'brand-2': '#c9bfa1',
  'brand-3': '#e3a578',
  'brand-4': '#cfc0ba',
  'brand-5': '#ebb209',
}

RGB Array

[242, 182, 2], [201, 191, 161], [227, 165, 120], [207, 192, 186], [235, 178, 9]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F2B602, #C9BFA1, #E3A578, #CFC0BA, #EBB209 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #f2b602; --color-2: #c9bfa1; --color-3: #e3a578; --color-4: #cfc0ba; --color-5: #ebb209. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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