#B3A73D + #5E5A31 + #332C22 + #465726 + #6E8F32 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#B3A73D

Autumn Sage · GoldenRod · Honey Gold

HEX

#B3A73D

RGB

rgb(179, 167, 61)

HSL

hsl(54, 49%, 47%)

HSB

hsb(54, 66%, 70%)

CMYK

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

Oklch

oklch(71.9% 0.126 102.8)

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

#5E5A31

Autumn Sage · DarkOliveGreen · Honey Gold

HEX

#5E5A31

RGB

rgb(94, 90, 49)

HSL

hsl(55, 31%, 28%)

HSB

hsb(55, 48%, 37%)

CMYK

cmyk(0%, 4%, 48%, 63%)

Oklch

oklch(46.1% 0.060 103.6)

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

#332C22

Ochre · DarkSlateGray · Cinnamon

HEX

#332C22

RGB

rgb(51, 44, 34)

HSL

hsl(35, 20%, 17%)

HSB

hsb(35, 33%, 20%)

CMYK

cmyk(0%, 14%, 33%, 80%)

Oklch

oklch(29.8% 0.020 76.6)

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

#465726

Grass Green · DarkOliveGreen · Forest Green

HEX

#465726

RGB

rgb(70, 87, 38)

HSL

hsl(81, 39%, 25%)

HSB

hsb(81, 56%, 34%)

CMYK

cmyk(20%, 0%, 56%, 66%)

Oklch

oklch(43.0% 0.076 125.3)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

#6E8F32

Grass Green · DarkOliveGreen · Forest Green

HEX

#6E8F32

RGB

rgb(110, 143, 50)

HSL

hsl(81, 48%, 38%)

HSB

hsb(81, 65%, 56%)

CMYK

cmyk(23%, 0%, 65%, 44%)

Oklch

oklch(60.5% 0.126 126.5)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B3A73D

3D49B3

Analogous

B36C3D

B3A73D

84B33D

Triadic

B3A73D

3DB3A7

A73DB3

Split-Comp.

B3A73D

3D84B3

6C3DB3

Tetradic

B3A73D

3DB36C

3D49B3

B33D84

Contrast Matrix WCAG 2.1 Contrast

B3A73D	5E5A31	332C22	465726	6E8F32
—	2.9 Fail	5.6 AA	3.2 AA Large	1.5 Fail
2.9 Fail	—	2.0 Fail	1.1 Fail	1.9 Fail
5.6 AA	2.0 Fail	—	1.7 Fail	3.7 AA Large
3.2 AA Large	1.1 Fail	1.7 Fail	—	2.1 Fail
1.5 Fail	1.9 Fail	3.7 AA Large	2.1 Fail	—

White BG

2.5Fail

7.0AAA

13.8AAA

7.9AAA

3.7AA Large

Black BG

8.5AAA

3.0Fail

1.5Fail

2.7Fail

5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AEAE57

5C5C3B

303024

4D4E32

7C7D49

Deuteranopia

AFAF5D

5D5D3D

303125

4C4B35

7A784E

Tritanopia

B26B6F

5E4344

332627

473B3D

705A5E

Achromatopsia

9F9F9F

575757

2D2D2D

4C4C4C

7B7B7B

Shades & Tints Shades & Tints

#B3A73D

Dark

Light

#5E5A31

Dark

Light

#332C22

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b3a73d;
  --color-2: #5e5a31;
  --color-3: #332c22;
  --color-4: #465726;
  --color-5: #6e8f32;
}

SCSS

$color-1: #b3a73d;
$color-2: #5e5a31;
$color-3: #332c22;
$color-4: #465726;
$color-5: #6e8f32;

TAILWIND

colors: {
  'brand-1': '#b3a73d',
  'brand-2': '#5e5a31',
  'brand-3': '#332c22',
  'brand-4': '#465726',
  'brand-5': '#6e8f32',
}

RGB Array

[179, 167, 61], [94, 90, 49], [51, 44, 34], [70, 87, 38], [110, 143, 50]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B3A73D, #5E5A31, #332C22, #465726, #6E8F32 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: #b3a73d; --color-2: #5e5a31; --color-3: #332c22; --color-4: #465726; --color-5: #6e8f32. 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