← Back to Editor

#C58517 · #312E29 · #D95515 · #CDCB8E · #A08629

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#C58517

Ochre · DarkGoldenRod · Amber Brown

HEX
#C58517
RGB
rgb(197, 133, 23)
HSL
hsl(38, 79%, 43%)
HSB
hsb(38, 88%, 77%)
CMYK
cmyk(0%, 32%, 88%, 23%)
Oklch
oklch(66.6% 0.136 73.5)

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

#312E29

Ochre · DarkSlateGray · Dark Stone

HEX
#312E29
RGB
rgb(49, 46, 41)
HSL
hsl(37, 9%, 18%)
HSB
hsb(37, 16%, 19%)
CMYK
cmyk(0%, 6%, 16%, 81%)
Oklch
oklch(30.3% 0.010 80.7)

Traditional「Ochre」· Paint「Dark Stone」· Creative Midnight Shadow

#D95515

Tangerine · Chocolate · Amber Brown

HEX
#D95515
RGB
rgb(217, 85, 21)
HSL
hsl(20, 82%, 47%)
HSB
hsb(20, 90%, 85%)
CMYK
cmyk(0%, 61%, 90%, 15%)
Oklch
oklch(61.6% 0.179 41.4)

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

#CDCB8E

Fresh Green · Tan · Sunflower

HEX
#CDCB8E
RGB
rgb(205, 203, 142)
HSL
hsl(58, 39%, 68%)
HSB
hsb(58, 31%, 80%)
CMYK
cmyk(0%, 1%, 31%, 20%)
Oklch
oklch(82.9% 0.080 106.4)

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

#A08629

Ochre · DarkGoldenRod · Honey Gold

HEX
#A08629
RGB
rgb(160, 134, 41)
HSL
hsl(47, 59%, 39%)
HSB
hsb(47, 74%, 63%)
CMYK
cmyk(0%, 16%, 74%, 37%)
Oklch
oklch(62.7% 0.113 92.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C58517
1757C4

Analogous

C42E17
C58517
ADC417

Triadic

C58517
17C485
8517C4

Split-Comp.

C58517
17ADC4
2E17C4

Tetradic

C58517
17C42E
1757C4
C417AD

Contrast Matrix WCAG 2.1 Contrast

C58517
312E29
D95515
CDCB8E
A08629
—
4.3
AA Large
1.3
Fail
1.9
Fail
1.1
Fail
4.3
AA Large
—
3.4
AA Large
8.1
AAA
3.8
AA Large
1.3
Fail
3.4
AA Large
—
2.4
Fail
1.1
Fail
1.9
Fail
8.1
AAA
2.4
Fail
—
2.1
Fail
1.1
Fail
3.8
AA Large
1.1
Fail
2.1
Fail
—
White BG
3.1AA Large
13.5AAA
4.0AA Large
1.7Fail
3.5AA Large
Black BG
6.7AA
1.6Fail
5.3AA
12.5AAA
5.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A9A932
30302A
A09F24
CCCC9D
959540

Deuteranopia

ADB238
30302B
A8B128
CCCCA0
969845

Tritanopia

C2474B
312B2B
D23133
CDA8AB
9F5155

Achromatopsia

8C8C8C
2E2E2E
757575
C5C5C5
838383

Shades & Tints Shades & Tints

#C58517

Dark
Light

#312E29

Dark
Light

#D95515

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c58517;
  --color-2: #312e29;
  --color-3: #d95515;
  --color-4: #cdcb8e;
  --color-5: #a08629;
}

SCSS

$color-1: #c58517;
$color-2: #312e29;
$color-3: #d95515;
$color-4: #cdcb8e;
$color-5: #a08629;

TAILWIND

colors: {
  'brand-1': '#c58517',
  'brand-2': '#312e29',
  'brand-3': '#d95515',
  'brand-4': '#cdcb8e',
  'brand-5': '#a08629',
}

RGB Array

[197, 133, 23], [49, 46, 41], [217, 85, 21], [205, 203, 142], [160, 134, 41]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C58517, #312E29, #D95515, #CDCB8E, #A08629 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #c58517; --color-2: #312e29; --color-3: #d95515; --color-4: #cdcb8e; --color-5: #a08629. 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 tech, SaaS, healthcare, eco industries. 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