← Back to Editor

#462E2A · #52483D · #5D604F · #807154 · #A28158

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

#462E2A

Crimson · DarkSlateGray · Wine Red

HEX
#462E2A
RGB
rgb(70, 46, 42)
HSL
hsl(9, 25%, 22%)
HSB
hsb(9, 40%, 27%)
CMYK
cmyk(0%, 34%, 40%, 73%)
Oklch
oklch(32.9% 0.036 29.7)

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

#52483D

Ochre · DarkOliveGreen · Amber Brown

HEX
#52483D
RGB
rgb(82, 72, 61)
HSL
hsl(31, 15%, 28%)
HSB
hsb(31, 26%, 32%)
CMYK
cmyk(0%, 12%, 26%, 68%)
Oklch
oklch(40.8% 0.022 69.8)

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

#5D604F

Grass Green · DimGray · Forest Green

HEX
#5D604F
RGB
rgb(93, 96, 79)
HSL
hsl(71, 10%, 34%)
HSB
hsb(71, 18%, 38%)
CMYK
cmyk(3%, 0%, 18%, 62%)
Oklch
oklch(48.1% 0.027 115.5)

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

#807154

Ochre · DimGray · Honey Gold

HEX
#807154
RGB
rgb(128, 113, 84)
HSL
hsl(40, 21%, 42%)
HSB
hsb(40, 34%, 50%)
CMYK
cmyk(0%, 12%, 34%, 50%)
Oklch
oklch(55.5% 0.046 83.6)

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

#A28158

Ochre · Gray · Amber Brown

HEX
#A28158
RGB
rgb(162, 129, 88)
HSL
hsl(33, 30%, 49%)
HSB
hsb(33, 46%, 64%)
CMYK
cmyk(0%, 20%, 46%, 36%)
Oklch
oklch(62.5% 0.070 72.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

462E2A
2A4246

Analogous

462A34
462E2A
463C2A

Triadic

462E2A
2A462E
2E2A46

Split-Comp.

462E2A
2A463C
2A3446

Tetradic

462E2A
34462A
2A4246
3C2A46

Contrast Matrix WCAG 2.1 Contrast

462E2A
52483D
5D604F
807154
A28158
—
1.4
Fail
1.9
Fail
2.6
Fail
3.5
AA Large
1.4
Fail
—
1.4
Fail
1.9
Fail
2.5
Fail
1.9
Fail
1.4
Fail
—
1.4
Fail
1.8
Fail
2.6
Fail
1.9
Fail
1.4
Fail
—
1.3
Fail
3.5
AA Large
2.5
Fail
1.8
Fail
1.3
Fail
—
White BG
12.5AAA
8.9AAA
6.5AA
4.8AA
3.6AA Large
Black BG
1.7Fail
2.4Fail
3.3AA Large
4.4AA Large
5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3C3B2B
4E4E40
5E5E53
7A795B
949362

Deuteranopia

3D3F2B
4E4F40
5E5E54
7A7C5D
969864

Tritanopia

452C2C
514242
5D5657
7F6162
A06A6B

Achromatopsia

353535
4A4A4A
5D5D5D
727272
868686

Shades & Tints Shades & Tints

#462E2A

Dark
Light

#52483D

Dark
Light

#5D604F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #462e2a;
  --color-2: #52483d;
  --color-3: #5d604f;
  --color-4: #807154;
  --color-5: #a28158;
}

SCSS

$color-1: #462e2a;
$color-2: #52483d;
$color-3: #5d604f;
$color-4: #807154;
$color-5: #a28158;

TAILWIND

colors: {
  'brand-1': '#462e2a',
  'brand-2': '#52483d',
  'brand-3': '#5d604f',
  'brand-4': '#807154',
  'brand-5': '#a28158',
}

RGB Array

[70, 46, 42], [82, 72, 61], [93, 96, 79], [128, 113, 84], [162, 129, 88]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #462E2A, #52483D, #5D604F, #807154, #A28158 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: #462e2a; --color-2: #52483d; --color-3: #5d604f; --color-4: #807154; --color-5: #a28158. 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