← Back to Editor

#CC5C07 · #E6D2A1 · #91701E · #5A4C04 · #D87635

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

#CC5C07

Tangerine · Chocolate · Amber Brown

HEX
#CC5C07
RGB
rgb(204, 92, 7)
HSL
hsl(26, 93%, 41%)
HSB
hsb(26, 97%, 80%)
CMYK
cmyk(0%, 55%, 97%, 20%)
Oklch
oklch(60.5% 0.163 48.0)

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

#E6D2A1

Goose Yellow · Wheat · Lemon Cream

HEX
#E6D2A1
RGB
rgb(230, 210, 161)
HSL
hsl(43, 58%, 77%)
HSB
hsb(43, 30%, 90%)
CMYK
cmyk(0%, 9%, 30%, 10%)
Oklch
oklch(86.8% 0.068 88.4)

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

#91701E

Ochre · Sienna · Honey Gold

HEX
#91701E
RGB
rgb(145, 112, 30)
HSL
hsl(43, 66%, 34%)
HSB
hsb(43, 79%, 57%)
CMYK
cmyk(0%, 23%, 79%, 43%)
Oklch
oklch(56.3% 0.104 85.4)

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

#5A4C04

Autumn Sage · DarkOliveGreen · Amber Gold

HEX
#5A4C04
RGB
rgb(90, 76, 4)
HSL
hsl(50, 91%, 18%)
HSB
hsb(50, 96%, 35%)
CMYK
cmyk(0%, 16%, 96%, 65%)
Oklch
oklch(41.8% 0.084 96.6)

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

#D87635

Tangerine · Chocolate · Warm Sun

HEX
#D87635
RGB
rgb(216, 118, 53)
HSL
hsl(24, 68%, 53%)
HSB
hsb(24, 75%, 85%)
CMYK
cmyk(0%, 45%, 75%, 15%)
Oklch
oklch(66.5% 0.145 51.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CC5C07
0776CA

Analogous

CA0714
CC5C07
CABD07

Triadic

CC5C07
07CA5C
5C07CA

Split-Comp.

CC5C07
07CABD
0714CA

Tetradic

CC5C07
14CA07
0776CA
BD07CA

Contrast Matrix WCAG 2.1 Contrast

CC5C07
E6D2A1
91701E
5A4C04
D87635
—
2.8
Fail
1.1
Fail
2.1
Fail
1.3
Fail
2.8
Fail
—
3.1
AA Large
5.7
AA
2.1
Fail
1.1
Fail
3.1
AA Large
—
1.8
Fail
1.4
Fail
2.1
Fail
5.7
AA
1.8
Fail
—
2.7
Fail
1.3
Fail
2.1
Fail
1.4
Fail
2.7
Fail
—
White BG
4.1AA Large
1.5Fail
4.6AA
8.5AAA
3.2AA Large
Black BG
5.1AA
14.1AAA
4.5AA
2.5Fail
6.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9C9A1C
DDDDAD
838232
545415
AEAD45

Deuteranopia

A2AA21
DFE0B0
858737
55561A
B3BB49

Tritanopia

C62C2F
E5B6B8
8F4245
592326
D35154

Achromatopsia

747474
D2D2D2
717171
484848
8C8C8C

Shades & Tints Shades & Tints

#CC5C07

Dark
Light

#E6D2A1

Dark
Light

#91701E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cc5c07;
  --color-2: #e6d2a1;
  --color-3: #91701e;
  --color-4: #5a4c04;
  --color-5: #d87635;
}

SCSS

$color-1: #cc5c07;
$color-2: #e6d2a1;
$color-3: #91701e;
$color-4: #5a4c04;
$color-5: #d87635;

TAILWIND

colors: {
  'brand-1': '#cc5c07',
  'brand-2': '#e6d2a1',
  'brand-3': '#91701e',
  'brand-4': '#5a4c04',
  'brand-5': '#d87635',
}

RGB Array

[204, 92, 7], [230, 210, 161], [145, 112, 30], [90, 76, 4], [216, 118, 53]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CC5C07, #E6D2A1, #91701E, #5A4C04, #D87635 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: #cc5c07; --color-2: #e6d2a1; --color-3: #91701e; --color-4: #5a4c04; --color-5: #d87635. 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