← Back to Editor

#9F9A08 · #CC941E · #F5630F · #F99D68 · #B56266

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

#9F9A08

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#9F9A08
RGB
rgb(159, 154, 8)
HSL
hsl(58, 90%, 33%)
HSB
hsb(58, 95%, 62%)
CMYK
cmyk(0%, 3%, 95%, 38%)
Oklch
oklch(66.9% 0.142 107.3)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#CC941E

Ochre · GoldenRod · Honey Gold

HEX
#CC941E
RGB
rgb(204, 148, 30)
HSL
hsl(41, 74%, 46%)
HSB
hsb(41, 85%, 80%)
CMYK
cmyk(0%, 27%, 85%, 20%)
Oklch
oklch(70.3% 0.138 79.8)

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

#F5630F

Tangerine · OrangeRed · Warm Sun

HEX
#F5630F
RGB
rgb(245, 99, 15)
HSL
hsl(22, 92%, 51%)
HSB
hsb(22, 94%, 96%)
CMYK
cmyk(0%, 60%, 94%, 4%)
Oklch
oklch(67.7% 0.196 43.0)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#F99D68

Apricot · SandyBrown · Warm Sun

HEX
#F99D68
RGB
rgb(249, 157, 104)
HSL
hsl(22, 92%, 69%)
HSB
hsb(22, 58%, 98%)
CMYK
cmyk(0%, 37%, 58%, 2%)
Oklch
oklch(77.9% 0.130 49.9)

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

#B56266

Crimson · Sienna · Passion Red

HEX
#B56266
RGB
rgb(181, 98, 102)
HSL
hsl(357, 36%, 55%)
HSB
hsb(357, 46%, 71%)
CMYK
cmyk(0%, 46%, 44%, 29%)
Oklch
oklch(59.3% 0.107 17.8)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9F9A08
080DA0

Analogous

A04F08
9F9A08
59A008

Triadic

9F9A08
08A09B
9B08A0

Split-Comp.

9F9A08
0859A0
4F08A0

Tetradic

9F9A08
08A04F
080DA0
A00859

Contrast Matrix WCAG 2.1 Contrast

9F9A08
CC941E
F5630F
F99D68
B56266
—
1.1
Fail
1.1
Fail
1.4
Fail
1.4
Fail
1.1
Fail
—
1.2
Fail
1.3
Fail
1.6
Fail
1.1
Fail
1.2
Fail
—
1.5
Fail
1.4
Fail
1.4
Fail
1.3
Fail
1.5
Fail
—
2.0
Fail
1.4
Fail
1.6
Fail
1.4
Fail
2.0
Fail
—
White BG
3.0Fail
2.7Fail
3.1AA Large
2.1Fail
4.3AA Large
Black BG
7.1AAA
7.8AAA
6.7AA
10.1AAA
4.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9D9D2B
B4B33B
B6B423
D1D075
919065

Deuteranopia

9D9E34
B7BB41
BEC928
D7DD78
969C65

Tritanopia

9F474D
C95156
EE3337
F47F81
B16464

Achromatopsia

8B8B8B
979797
858585
B2B2B2
7B7B7B

Shades & Tints Shades & Tints

#9F9A08

Dark
Light

#CC941E

Dark
Light

#F5630F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9f9a08;
  --color-2: #cc941e;
  --color-3: #f5630f;
  --color-4: #f99d68;
  --color-5: #b56266;
}

SCSS

$color-1: #9f9a08;
$color-2: #cc941e;
$color-3: #f5630f;
$color-4: #f99d68;
$color-5: #b56266;

TAILWIND

colors: {
  'brand-1': '#9f9a08',
  'brand-2': '#cc941e',
  'brand-3': '#f5630f',
  'brand-4': '#f99d68',
  'brand-5': '#b56266',
}

RGB Array

[159, 154, 8], [204, 148, 30], [245, 99, 15], [249, 157, 104], [181, 98, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9F9A08, #CC941E, #F5630F, #F99D68, #B56266 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: #9f9a08; --color-2: #cc941e; --color-3: #f5630f; --color-4: #f99d68; --color-5: #b56266. 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