← Back to Editor

#788016 · #F70722 · #E0721D · #C59324 · #C3CAB8

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 AppData Visualization

Color Details Color Details

#788016

Autumn Sage · Olive · Honey Gold

HEX
#788016
RGB
rgb(120, 128, 22)
HSL
hsl(65, 71%, 29%)
HSB
hsb(65, 83%, 50%)
CMYK
cmyk(6%, 0%, 83%, 50%)
Oklch
oklch(57.4% 0.122 114.2)

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

#F70722

Vermilion · Red · Passion Red

HEX
#F70722
RGB
rgb(247, 7, 34)
HSL
hsl(353, 94%, 50%)
HSB
hsb(353, 97%, 97%)
CMYK
cmyk(0%, 97%, 86%, 3%)
Oklch
oklch(61.6% 0.249 26.4)

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

#E0721D

Tangerine · Chocolate · Amber Brown

HEX
#E0721D
RGB
rgb(224, 114, 29)
HSL
hsl(26, 77%, 50%)
HSB
hsb(26, 87%, 88%)
CMYK
cmyk(0%, 49%, 87%, 12%)
Oklch
oklch(66.8% 0.163 51.6)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#C59324

Ochre · GoldenRod · Honey Gold

HEX
#C59324
RGB
rgb(197, 147, 36)
HSL
hsl(41, 69%, 46%)
HSB
hsb(41, 82%, 77%)
CMYK
cmyk(0%, 25%, 82%, 23%)
Oklch
oklch(69.3% 0.132 82.0)

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

#C3CAB8

Willow Green · Silver · Apple Green

HEX
#C3CAB8
RGB
rgb(195, 202, 184)
HSL
hsl(83, 15%, 76%)
HSB
hsb(83, 9%, 79%)
CMYK
cmyk(3%, 0%, 9%, 21%)
Oklch
oklch(82.9% 0.026 124.3)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

788016
1E157E

Analogous

7E5315
788016
417E15

Triadic

788016
15767E
7E1576

Split-Comp.

788016
15417E
53157E

Tetradic

788016
157E53
1E157E
7E1541

Contrast Matrix WCAG 2.1 Contrast

788016
F70722
E0721D
C59324
C3CAB8
—
1.0
Fail
1.3
Fail
1.5
Fail
2.5
Fail
1.0
Fail
—
1.3
Fail
1.5
Fail
2.5
Fail
1.3
Fail
1.3
Fail
—
1.1
Fail
1.9
Fail
1.5
Fail
1.5
Fail
1.1
Fail
—
1.6
Fail
2.5
Fail
2.5
Fail
1.9
Fail
1.6
Fail
—
White BG
4.3AA Large
4.2AA Large
3.2AA Large
2.8Fail
1.7Fail
Black BG
4.9AA
5.0AA
6.6AA
7.6AAA
12.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7B7C30
8F8D1B
B0AF32
AFAF3F
C6C6BC

Deuteranopia

7B7A36
9DAF1A
B7BF36
B2B645
C6C5BD

Tritanopia

784448
EB1615
DA4245
C25459
C3C0C1

Achromatopsia

727272
525252
898989
959595
C6C6C6

Shades & Tints Shades & Tints

#788016

Dark
Light

#F70722

Dark
Light

#E0721D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #788016;
  --color-2: #f70722;
  --color-3: #e0721d;
  --color-4: #c59324;
  --color-5: #c3cab8;
}

SCSS

$color-1: #788016;
$color-2: #f70722;
$color-3: #e0721d;
$color-4: #c59324;
$color-5: #c3cab8;

TAILWIND

colors: {
  'brand-1': '#788016',
  'brand-2': '#f70722',
  'brand-3': '#e0721d',
  'brand-4': '#c59324',
  'brand-5': '#c3cab8',
}

RGB Array

[120, 128, 22], [247, 7, 34], [224, 114, 29], [197, 147, 36], [195, 202, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #788016, #F70722, #E0721D, #C59324, #C3CAB8 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #788016; --color-2: #f70722; --color-3: #e0721d; --color-4: #c59324; --color-5: #c3cab8. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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