← Back to Editor

#B59D57 · #729A78 · #517956 · #4E5A34 · #3F1C00

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

#B59D57

Ginger · DarkSalmon · Sunflower

HEX
#B59D57
RGB
rgb(181, 157, 87)
HSL
hsl(45, 39%, 53%)
HSB
hsb(45, 52%, 71%)
CMYK
cmyk(0%, 13%, 52%, 29%)
Oklch
oklch(70.2% 0.094 90.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#729A78

Celadon · Gray · Olive Green

HEX
#729A78
RGB
rgb(114, 154, 120)
HSL
hsl(129, 17%, 53%)
HSB
hsb(129, 26%, 60%)
CMYK
cmyk(26%, 0%, 22%, 40%)
Oklch
oklch(64.7% 0.067 148.8)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#517956

Celadon · DimGray · Forest Green

HEX
#517956
RGB
rgb(81, 121, 86)
HSL
hsl(128, 20%, 40%)
HSB
hsb(128, 33%, 47%)
CMYK
cmyk(33%, 0%, 29%, 53%)
Oklch
oklch(53.6% 0.070 147.7)

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

#4E5A34

Grass Green · DarkOliveGreen · Forest Green

HEX
#4E5A34
RGB
rgb(78, 90, 52)
HSL
hsl(79, 27%, 28%)
HSB
hsb(79, 42%, 35%)
CMYK
cmyk(13%, 0%, 42%, 65%)
Oklch
oklch(44.7% 0.060 123.1)

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

#3F1C00

Tangerine · Black · Cinnamon

HEX
#3F1C00
RGB
rgb(63, 28, 0)
HSL
hsl(27, 100%, 12%)
HSB
hsb(27, 100%, 25%)
CMYK
cmyk(0%, 56%, 100%, 75%)
Oklch
oklch(27.2% 0.067 55.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B59D57
5870B6

Analogous

B67058
B59D57
9FB658

Triadic

B59D57
58B69F
9F58B6

Split-Comp.

B59D57
589FB6
7058B6

Tetradic

B59D57
58B670
5870B6
B6589F

Contrast Matrix WCAG 2.1 Contrast

B59D57
729A78
517956
4E5A34
3F1C00
—
1.2
Fail
1.9
Fail
2.8
Fail
5.8
AA
1.2
Fail
—
1.6
Fail
2.3
Fail
4.8
AA
1.9
Fail
1.6
Fail
—
1.5
Fail
3.1
AA Large
2.8
Fail
2.3
Fail
1.5
Fail
—
2.1
Fail
5.8
AA
4.8
AA
3.1
AA Large
2.1
Fail
—
White BG
2.6Fail
3.2AA Large
5.0AA
7.4AAA
15.2AAA
Black BG
7.9AAA
6.6AA
4.2AA Large
2.8Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

ABAA68
838480
62635E
53533D
303007

Deuteranopia

ACAE6C
817E82
605D61
53523F
323408

Tritanopia

B47578
748788
536567
4F4446
3D0C0D

Achromatopsia

9C9C9C
8A8A8A
696969
525252
232323

Shades & Tints Shades & Tints

#B59D57

Dark
Light

#729A78

Dark
Light

#517956

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b59d57;
  --color-2: #729a78;
  --color-3: #517956;
  --color-4: #4e5a34;
  --color-5: #3f1c00;
}

SCSS

$color-1: #b59d57;
$color-2: #729a78;
$color-3: #517956;
$color-4: #4e5a34;
$color-5: #3f1c00;

TAILWIND

colors: {
  'brand-1': '#b59d57',
  'brand-2': '#729a78',
  'brand-3': '#517956',
  'brand-4': '#4e5a34',
  'brand-5': '#3f1c00',
}

RGB Array

[181, 157, 87], [114, 154, 120], [81, 121, 86], [78, 90, 52], [63, 28, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B59D57, #729A78, #517956, #4E5A34, #3F1C00 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: #b59d57; --color-2: #729a78; --color-3: #517956; --color-4: #4e5a34; --color-5: #3f1c00. 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