← Back to Editor

#B0A56F · #908864 · #474036 · #701212 · #342F29

nature

A 5-color nature palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#B0A56F

Autumn Sage · Tan · Sunflower

HEX
#B0A56F
RGB
rgb(176, 165, 111)
HSL
hsl(50, 29%, 56%)
HSB
hsb(50, 37%, 69%)
CMYK
cmyk(0%, 6%, 37%, 31%)
Oklch
oklch(71.8% 0.073 98.1)

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

#908864

Ochre · Gray · Honey Gold

HEX
#908864
RGB
rgb(144, 136, 100)
HSL
hsl(49, 18%, 48%)
HSB
hsb(49, 31%, 56%)
CMYK
cmyk(0%, 6%, 31%, 44%)
Oklch
oklch(62.4% 0.052 97.1)

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

#474036

Ochre · DarkSlateGray · Cinnamon

HEX
#474036
RGB
rgb(71, 64, 54)
HSL
hsl(35, 14%, 25%)
HSB
hsb(35, 24%, 28%)
CMYK
cmyk(0%, 10%, 24%, 72%)
Oklch
oklch(37.5% 0.019 76.8)

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

#701212

Vermilion · Maroon · Wine Red

HEX
#701212
RGB
rgb(112, 18, 18)
HSL
hsl(0, 72%, 25%)
HSB
hsb(0, 84%, 44%)
CMYK
cmyk(0%, 84%, 84%, 56%)
Oklch
oklch(35.5% 0.128 26.7)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

#342F29

Ochre · DarkSlateGray · Cinnamon

HEX
#342F29
RGB
rgb(52, 47, 41)
HSL
hsl(33, 12%, 18%)
HSB
hsb(33, 21%, 20%)
CMYK
cmyk(0%, 10%, 21%, 80%)
Oklch
oklch(30.8% 0.013 72.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B0A56F
6E79AF

Analogous

AF846E
B0A56F
9AAF6E

Triadic

B0A56F
6EAFA4
A46EAF

Split-Comp.

B0A56F
6E9AAF
846EAF

Tetradic

B0A56F
6EAF84
6E79AF
AF6E9A

Contrast Matrix WCAG 2.1 Contrast

B0A56F
908864
474036
701212
342F29
—
1.4
Fail
4.1
AA Large
4.7
AA
5.3
AA
1.4
Fail
—
2.9
Fail
3.3
AA Large
3.7
AA Large
4.1
AA Large
2.9
Fail
—
1.2
Fail
1.3
Fail
4.7
AA
3.3
AA Large
1.2
Fail
—
1.1
Fail
5.3
AA
3.7
AA Large
1.3
Fail
1.1
Fail
—
White BG
2.5Fail
3.6AA Large
10.2AAA
11.8AAA
13.3AAA
Black BG
8.5AAA
5.9AA
2.1Fail
1.8Fail
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

ABAB7C
8D8C6D
444438
474612
32322A

Deuteranopia

ACAD7F
8D8E6F
444539
4D5412
32332B

Tritanopia

AF8689
907475
473A3B
6B1212
342C2C

Achromatopsia

A2A2A2
868686
414141
2E2E2E
303030

Shades & Tints Shades & Tints

#B0A56F

Dark
Light

#908864

Dark
Light

#474036

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b0a56f;
  --color-2: #908864;
  --color-3: #474036;
  --color-4: #701212;
  --color-5: #342f29;
}

SCSS

$color-1: #b0a56f;
$color-2: #908864;
$color-3: #474036;
$color-4: #701212;
$color-5: #342f29;

TAILWIND

colors: {
  'brand-1': '#b0a56f',
  'brand-2': '#908864',
  'brand-3': '#474036',
  'brand-4': '#701212',
  'brand-5': '#342f29',
}

RGB Array

[176, 165, 111], [144, 136, 100], [71, 64, 54], [112, 18, 18], [52, 47, 41]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #B0A56F, #908864, #474036, #701212, #342F29 is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #b0a56f; --color-2: #908864; --color-3: #474036; --color-4: #701212; --color-5: #342f29. 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 finance, legal, luxury industries. Restrained colors convey professionalism and trust. 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