← Back to Editor

#9F3A0C · #A09D68 · #2E1403 · #7A7347 · #785916

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

#9F3A0C

Tangerine · Brown · Amber Brown

HEX
#9F3A0C
RGB
rgb(159, 58, 12)
HSL
hsl(19, 86%, 34%)
HSB
hsb(19, 92%, 62%)
CMYK
cmyk(0%, 64%, 92%, 38%)
Oklch
oklch(48.6% 0.144 40.5)

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

#A09D68

Autumn Sage · Gray · Sunflower

HEX
#A09D68
RGB
rgb(160, 157, 104)
HSL
hsl(57, 23%, 52%)
HSB
hsb(57, 35%, 63%)
CMYK
cmyk(0%, 2%, 35%, 37%)
Oklch
oklch(68.6% 0.072 105.4)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#2E1403

Tangerine · Black · Cinnamon

HEX
#2E1403
RGB
rgb(46, 20, 3)
HSL
hsl(24, 88%, 10%)
HSB
hsb(24, 93%, 18%)
CMYK
cmyk(0%, 57%, 93%, 82%)
Oklch
oklch(22.6% 0.051 52.7)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#7A7347

Autumn Sage · DimGray · Honey Gold

HEX
#7A7347
RGB
rgb(122, 115, 71)
HSL
hsl(52, 26%, 38%)
HSB
hsb(52, 42%, 48%)
CMYK
cmyk(0%, 6%, 42%, 52%)
Oklch
oklch(55.1% 0.063 100.3)

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

#785916

Ochre · Olive · Honey Gold

HEX
#785916
RGB
rgb(120, 89, 22)
HSL
hsl(41, 69%, 28%)
HSB
hsb(41, 82%, 47%)
CMYK
cmyk(0%, 26%, 82%, 53%)
Oklch
oklch(48.4% 0.090 82.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9F3A0C
0C72A1

Analogous

A10C27
9F3A0C
A1860C

Triadic

9F3A0C
0CA13B
3B0CA1

Split-Comp.

9F3A0C
0CA186
0C27A1

Tetradic

9F3A0C
27A10C
0C72A1
860CA1

Contrast Matrix WCAG 2.1 Contrast

9F3A0C
A09D68
2E1403
7A7347
785916
—
2.4
Fail
2.5
Fail
1.4
Fail
1.1
Fail
2.4
Fail
—
6.2
AA
1.7
Fail
2.3
Fail
2.5
Fail
6.2
AA
—
3.6
AA Large
2.7
Fail
1.4
Fail
1.7
Fail
3.6
AA Large
—
1.3
Fail
1.1
Fail
2.3
Fail
2.7
Fail
1.3
Fail
—
White BG
6.8AA
2.8Fail
17.2AAA
4.8AA
6.5AA
Black BG
3.1AA Large
7.5AAA
1.2Fail
4.4AA Large
3.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

737217
9F9F75
232307
777752
6B6A26

Deuteranopia

79811A
9F9F78
242608
777854
6C6F2A

Tritanopia

9A2022
A07F81
2D0A0B
7A5A5C
763336

Achromatopsia

535353
989898
1A1A1A
707070
5B5B5B

Shades & Tints Shades & Tints

#9F3A0C

Dark
Light

#A09D68

Dark
Light

#2E1403

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9f3a0c;
  --color-2: #a09d68;
  --color-3: #2e1403;
  --color-4: #7a7347;
  --color-5: #785916;
}

SCSS

$color-1: #9f3a0c;
$color-2: #a09d68;
$color-3: #2e1403;
$color-4: #7a7347;
$color-5: #785916;

TAILWIND

colors: {
  'brand-1': '#9f3a0c',
  'brand-2': '#a09d68',
  'brand-3': '#2e1403',
  'brand-4': '#7a7347',
  'brand-5': '#785916',
}

RGB Array

[159, 58, 12], [160, 157, 104], [46, 20, 3], [122, 115, 71], [120, 89, 22]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9F3A0C, #A09D68, #2E1403, #7A7347, #785916 is ideal for: tech websites, dark mode UIs, game UIs, 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: #9f3a0c; --color-2: #a09d68; --color-3: #2e1403; --color-4: #7a7347; --color-5: #785916. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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