#9FA817 + #8C8B26 + #454423 + #1C1B12 + #160C1C - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#9FA817

Autumn Sage · DarkGoldenRod · Honey Gold

HEX

#9FA817

RGB

rgb(159, 168, 23)

HSL

hsl(64, 76%, 37%)

HSB

hsb(64, 86%, 66%)

CMYK

cmyk(5%, 0%, 86%, 34%)

Oklch

oklch(70.1% 0.152 113.6)

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

#8C8B26

Autumn Sage · Olive · Honey Gold

HEX

#8C8B26

RGB

rgb(140, 139, 38)

HSL

hsl(59, 57%, 35%)

HSB

hsb(59, 73%, 55%)

CMYK

cmyk(0%, 1%, 73%, 45%)

Oklch

oklch(61.9% 0.119 108.9)

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

#454423

Autumn Sage · DarkOliveGreen · Amber Gold

HEX

#454423

RGB

rgb(69, 68, 35)

HSL

hsl(58, 33%, 20%)

HSB

hsb(58, 49%, 27%)

CMYK

cmyk(0%, 1%, 49%, 73%)

Oklch

oklch(37.9% 0.051 107.1)

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

#1C1B12

Autumn Sage · Black · Amber Gold

HEX

#1C1B12

RGB

rgb(28, 27, 18)

HSL

hsl(54, 22%, 9%)

HSB

hsb(54, 36%, 11%)

CMYK

cmyk(0%, 4%, 36%, 89%)

Oklch

oklch(22.0% 0.017 102.4)

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

#160C1C

Dark Plum · Black · Dark Purple

HEX

#160C1C

RGB

rgb(22, 12, 28)

HSL

hsl(278, 40%, 8%)

HSB

hsb(278, 57%, 11%)

CMYK

cmyk(21%, 57%, 0%, 89%)

Oklch

oklch(17.7% 0.035 311.9)

Traditional「Dark Plum」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9FA817

2017A6

Analogous

A66817

9FA817

55A617

Triadic

9FA817

179CA6

A6179C

Split-Comp.

9FA817

1755A6

6817A6

Tetradic

9FA817

17A668

2017A6

A61755

Contrast Matrix WCAG 2.1 Contrast

9FA817	8C8B26	454423	1C1B12	160C1C
—	1.4 Fail	3.8 AA Large	6.7 AA	7.3 AAA
1.4 Fail	—	2.8 Fail	4.8 AA	5.3 AA
3.8 AA Large	2.8 Fail	—	1.7 Fail	1.9 Fail
6.7 AA	4.8 AA	1.7 Fail	—	1.1 Fail
7.3 AAA	5.3 AA	1.9 Fail	1.1 Fail	—

White BG

2.6Fail

3.6AA Large

10.0AAA

17.3AAA

19.0AAA

Black BG

8.1AAA

5.8AA

2.1Fail

1.2Fail

1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A3A33A

8C8C3E

45452B

1C1C14

121218

Deuteranopia

A2A243

8C8C44

45452D

1C1C15

121317

Tritanopia

9F565C

8C5256

453133

1C1616

161514

Achromatopsia

959595

808080

414141

1A1A1A

111111

Shades & Tints Shades & Tints

#9FA817

Dark

Light

#8C8B26

Dark

Light

#454423

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9fa817;
  --color-2: #8c8b26;
  --color-3: #454423;
  --color-4: #1c1b12;
  --color-5: #160c1c;
}

SCSS

$color-1: #9fa817;
$color-2: #8c8b26;
$color-3: #454423;
$color-4: #1c1b12;
$color-5: #160c1c;

TAILWIND

colors: {
  'brand-1': '#9fa817',
  'brand-2': '#8c8b26',
  'brand-3': '#454423',
  'brand-4': '#1c1b12',
  'brand-5': '#160c1c',
}

RGB Array

[159, 168, 23], [140, 139, 38], [69, 68, 35], [28, 27, 18], [22, 12, 28]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9FA817, #8C8B26, #454423, #1C1B12, #160C1C is ideal for: tech websites, dark mode UIs, game UIs. 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: #9fa817; --color-2: #8c8b26; --color-3: #454423; --color-4: #1c1b12; --color-5: #160c1c. 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. 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