#A6B31A + #8D9721 + #7D833A + #836E3A + #7A5942 · nature - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#A6B31A

Autumn Sage · DarkGoldenRod · Honey Gold

HEX

#A6B31A

RGB

rgb(166, 179, 26)

HSL

hsl(65, 75%, 40%)

HSB

hsb(65, 85%, 70%)

CMYK

cmyk(7%, 0%, 85%, 30%)

Oklch

oklch(73.2% 0.160 115.0)

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

#8D9721

Autumn Sage · Olive · Honey Gold

HEX

#8D9721

RGB

rgb(141, 151, 33)

HSL

hsl(65, 64%, 36%)

HSB

hsb(65, 78%, 59%)

CMYK

cmyk(7%, 0%, 78%, 41%)

Oklch

oklch(64.7% 0.135 114.5)

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

#7D833A

Autumn Sage · DarkOliveGreen · Honey Gold

HEX

#7D833A

RGB

rgb(125, 131, 58)

HSL

hsl(65, 39%, 37%)

HSB

hsb(65, 56%, 51%)

CMYK

cmyk(5%, 0%, 56%, 49%)

Oklch

oklch(58.9% 0.097 113.3)

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

#836E3A

Ochre · Sienna · Honey Gold

HEX

#836E3A

RGB

rgb(131, 110, 58)

HSL

hsl(43, 39%, 37%)

HSB

hsb(43, 56%, 51%)

CMYK

cmyk(0%, 16%, 56%, 49%)

Oklch

oklch(54.7% 0.075 87.9)

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

#7A5942

Tangerine · Sienna · Amber Brown

HEX

#7A5942

RGB

rgb(122, 89, 66)

HSL

hsl(25, 30%, 37%)

HSB

hsb(25, 46%, 48%)

CMYK

cmyk(0%, 27%, 46%, 52%)

Oklch

oklch(49.3% 0.056 55.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A6B31A

2619B3

Analogous

B37319

A6B31A

59B319

Triadic

A6B31A

19A6B3

B319A6

Split-Comp.

A6B31A

1959B3

7319B3

Tetradic

A6B31A

19B373

2619B3

B31959

Contrast Matrix WCAG 2.1 Contrast

A6B31A	8D9721	7D833A	836E3A	7A5942
—	1.4 Fail	1.8 Fail	2.1 Fail	2.7 Fail
1.4 Fail	—	1.3 Fail	1.5 Fail	2.0 Fail
1.8 Fail	1.3 Fail	—	1.2 Fail	1.6 Fail
2.1 Fail	1.5 Fail	1.2 Fail	—	1.3 Fail
2.7 Fail	2.0 Fail	1.6 Fail	1.3 Fail	—

White BG

2.3Fail

3.2AA Large

4.1AA Large

4.9AA

6.3AA

Black BG

9.1AAA

6.6AA

5.2AA

4.3AA Large

3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

ACAC3F

91913E

80804C

7A7A47

6C6B48

Deuteranopia

ABAA48

919044

7F7F50

7B7D4A

6E7049

Tritanopia

A75C63

8E5459

7D5A5D

825153

784C4D

Achromatopsia

9E9E9E

878787

797979

6E6E6E

606060

Shades & Tints Shades & Tints

#A6B31A

Dark

Light

#8D9721

Dark

Light

#7D833A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a6b31a;
  --color-2: #8d9721;
  --color-3: #7d833a;
  --color-4: #836e3a;
  --color-5: #7a5942;
}

SCSS

$color-1: #a6b31a;
$color-2: #8d9721;
$color-3: #7d833a;
$color-4: #836e3a;
$color-5: #7a5942;

TAILWIND

colors: {
  'brand-1': '#a6b31a',
  'brand-2': '#8d9721',
  'brand-3': '#7d833a',
  'brand-4': '#836e3a',
  'brand-5': '#7a5942',
}

RGB Array

[166, 179, 26], [141, 151, 33], [125, 131, 58], [131, 110, 58], [122, 89, 66]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #A6B31A, #8D9721, #7D833A, #836E3A, #7A5942 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: #a6b31a; --color-2: #8d9721; --color-3: #7d833a; --color-4: #836e3a; --color-5: #7a5942. 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 nature-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