← Back to Editor

#BE990D · #867501 · #31764A · #5D140E · #9D7201

nature

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

VibrantFreshWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Landing PageMobile App

Color Details Color Details

#BE990D

Ochre · DarkGoldenRod · Honey Gold

HEX
#BE990D
RGB
rgb(190, 153, 13)
HSL
hsl(47, 87%, 40%)
HSB
hsb(47, 93%, 75%)
CMYK
cmyk(0%, 19%, 93%, 25%)
Oklch
oklch(69.7% 0.140 91.0)

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

#867501

Autumn Sage · Olive · Honey Gold

HEX
#867501
RGB
rgb(134, 117, 1)
HSL
hsl(52, 99%, 26%)
HSB
hsb(52, 99%, 53%)
CMYK
cmyk(0%, 13%, 99%, 47%)
Oklch
oklch(56.1% 0.116 99.1)

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

#31764A

Celadon · SeaGreen · Forest Green

HEX
#31764A
RGB
rgb(49, 118, 74)
HSL
hsl(142, 41%, 33%)
HSB
hsb(142, 58%, 46%)
CMYK
cmyk(58%, 0%, 37%, 54%)
Oklch
oklch(50.9% 0.099 153.1)

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

#5D140E

Vermilion · Maroon · Wine Red

HEX
#5D140E
RGB
rgb(93, 20, 14)
HSL
hsl(5, 74%, 21%)
HSB
hsb(5, 85%, 36%)
CMYK
cmyk(0%, 78%, 85%, 64%)
Oklch
oklch(31.8% 0.106 29.1)

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

#9D7201

Ochre · Olive · Honey Gold

HEX
#9D7201
RGB
rgb(157, 114, 1)
HSL
hsl(43, 99%, 31%)
HSB
hsb(43, 99%, 62%)
CMYK
cmyk(0%, 27%, 99%, 38%)
Oklch
oklch(58.0% 0.119 82.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BE990D
0D34BF

Analogous

BF400D
BE990D
8CBF0D

Triadic

BE990D
0DBF98
980DBF

Split-Comp.

BE990D
0D8CBF
400DBF

Tetradic

BE990D
0DBF40
0D34BF
BF0D8C

Contrast Matrix WCAG 2.1 Contrast

BE990D
867501
31764A
5D140E
9D7201
—
1.7
Fail
2.0
Fail
4.9
AA
1.6
Fail
1.7
Fail
—
1.2
Fail
2.9
Fail
1.1
Fail
2.0
Fail
1.2
Fail
—
2.4
Fail
1.3
Fail
4.9
AA
2.9
Fail
2.4
Fail
—
3.1
AA Large
1.6
Fail
1.1
Fail
1.3
Fail
3.1
AA Large
—
White BG
2.7Fail
4.6AA
5.5AA
13.4AAA
4.3AA Large
Black BG
7.8AAA
4.6AA
3.8AA Large
1.6Fail
4.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AEAE2F
7F7E1D
4F4F55
3D3D0F
8A8A1C

Deuteranopia

B0B337
808124
4B4657
424710
8D9023

Tritanopia

BC4A50
853338
345D5F
591111
9B3237

Achromatopsia

949494
6D6D6D
5C5C5C
292929
727272

Shades & Tints Shades & Tints

#BE990D

Dark
Light

#867501

Dark
Light

#31764A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #be990d;
  --color-2: #867501;
  --color-3: #31764a;
  --color-4: #5d140e;
  --color-5: #9d7201;
}

SCSS

$color-1: #be990d;
$color-2: #867501;
$color-3: #31764a;
$color-4: #5d140e;
$color-5: #9d7201;

TAILWIND

colors: {
  'brand-1': '#be990d',
  'brand-2': '#867501',
  'brand-3': '#31764a',
  'brand-4': '#5d140e',
  'brand-5': '#9d7201',
}

RGB Array

[190, 153, 13], [134, 117, 1], [49, 118, 74], [93, 20, 14], [157, 114, 1]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #BE990D, #867501, #31764A, #5D140E, #9D7201 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #be990d; --color-2: #867501; --color-3: #31764a; --color-4: #5d140e; --color-5: #9d7201. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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