← Back to Editor

#322600 · #AA0052 · #B75B00 · #898B00 · #597D00

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

#322600

Ochre · Black · Amber Gold

HEX
#322600
RGB
rgb(50, 38, 0)
HSL
hsl(46, 100%, 10%)
HSB
hsb(46, 100%, 20%)
CMYK
cmyk(0%, 24%, 100%, 80%)
Oklch
oklch(27.5% 0.056 90.7)

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

#AA0052

Dark Violet · Crimson · Camellia

HEX
#AA0052
RGB
rgb(170, 0, 82)
HSL
hsl(331, 100%, 33%)
HSB
hsb(331, 100%, 67%)
CMYK
cmyk(0%, 100%, 52%, 33%)
Oklch
oklch(47.6% 0.192 3.0)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#B75B00

Ochre · Chocolate · Amber Brown

HEX
#B75B00
RGB
rgb(183, 91, 0)
HSL
hsl(30, 100%, 36%)
HSB
hsb(30, 100%, 72%)
CMYK
cmyk(0%, 50%, 100%, 28%)
Oklch
oklch(57.2% 0.144 53.6)

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

#898B00

Autumn Sage · Olive · Honey Gold

HEX
#898B00
RGB
rgb(137, 139, 0)
HSL
hsl(61, 100%, 27%)
HSB
hsb(61, 100%, 55%)
CMYK
cmyk(1%, 0%, 100%, 45%)
Oklch
oklch(61.5% 0.135 110.8)

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

#597D00

Grass Green · Olive · Forest Green

HEX
#597D00
RGB
rgb(89, 125, 0)
HSL
hsl(77, 100%, 25%)
HSB
hsb(77, 100%, 49%)
CMYK
cmyk(29%, 0%, 100%, 51%)
Oklch
oklch(54.2% 0.140 127.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

322600
000C33

Analogous

330E00
322600
253300

Triadic

322600
003327
270033

Split-Comp.

322600
002533
0E0033

Tetradic

322600
00330E
000C33
330025

Contrast Matrix WCAG 2.1 Contrast

322600
AA0052
B75B00
898B00
597D00
—
2.0
Fail
3.2
AA Large
4.1
AA Large
3.1
AA Large
2.0
Fail
—
1.6
Fail
2.0
Fail
1.5
Fail
3.2
AA Large
1.6
Fail
—
1.3
Fail
1.0
Fail
4.1
AA Large
2.0
Fail
1.3
Fail
—
1.3
Fail
3.1
AA Large
1.5
Fail
1.0
Fail
1.3
Fail
—
White BG
14.9AAA
7.4AAA
4.7AA
3.6AA Large
4.8AA
Black BG
1.4Fail
2.8Fail
4.5AA
5.8AA
4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

2D2D09
605F3E
8F8E16
8A8A22
69691E

Deuteranopia

2E2E0B
6A7739
959B1B
8A8A2A
676426

Tritanopia

311012
A22E2B
B2272B
893C42
5B363B

Achromatopsia

252525
3C3C3C
6C6C6C
7B7B7B
646464

Shades & Tints Shades & Tints

#322600

Dark
Light

#AA0052

Dark
Light

#B75B00

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #322600;
  --color-2: #aa0052;
  --color-3: #b75b00;
  --color-4: #898b00;
  --color-5: #597d00;
}

SCSS

$color-1: #322600;
$color-2: #aa0052;
$color-3: #b75b00;
$color-4: #898b00;
$color-5: #597d00;

TAILWIND

colors: {
  'brand-1': '#322600',
  'brand-2': '#aa0052',
  'brand-3': '#b75b00',
  'brand-4': '#898b00',
  'brand-5': '#597d00',
}

RGB Array

[50, 38, 0], [170, 0, 82], [183, 91, 0], [137, 139, 0], [89, 125, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #322600, #AA0052, #B75B00, #898B00, #597D00 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: #322600; --color-2: #aa0052; --color-3: #b75b00; --color-4: #898b00; --color-5: #597d00. 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