← Back to Editor

#A9B746 · #CDB8A3 · #E3A045 · #E85802 · #5C3530

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 WebsiteBlogData Visualization

Color Details Color Details

#A9B746

Autumn Sage · GoldenRod · Honey Gold

HEX
#A9B746
RGB
rgb(169, 183, 70)
HSL
hsl(67, 45%, 50%)
HSB
hsb(67, 62%, 72%)
CMYK
cmyk(8%, 0%, 62%, 28%)
Oklch
oklch(74.6% 0.138 115.8)

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

#CDB8A3

Goose Yellow · Tan · Warm Sun

HEX
#CDB8A3
RGB
rgb(205, 184, 163)
HSL
hsl(30, 30%, 72%)
HSB
hsb(30, 20%, 80%)
CMYK
cmyk(0%, 10%, 20%, 20%)
Oklch
oklch(79.5% 0.038 67.2)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#E3A045

Ginger · SandyBrown · Warm Sun

HEX
#E3A045
RGB
rgb(227, 160, 69)
HSL
hsl(35, 74%, 58%)
HSB
hsb(35, 70%, 89%)
CMYK
cmyk(0%, 30%, 70%, 11%)
Oklch
oklch(75.4% 0.132 71.4)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#E85802

Tangerine · OrangeRed · Amber Brown

HEX
#E85802
RGB
rgb(232, 88, 2)
HSL
hsl(22, 98%, 46%)
HSB
hsb(22, 99%, 91%)
CMYK
cmyk(0%, 62%, 99%, 9%)
Oklch
oklch(64.3% 0.193 42.0)

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

#5C3530

Crimson · DarkOliveGreen · Wine Red

HEX
#5C3530
RGB
rgb(92, 53, 48)
HSL
hsl(7, 31%, 27%)
HSB
hsb(7, 48%, 36%)
CMYK
cmyk(0%, 42%, 48%, 64%)
Oklch
oklch(37.6% 0.057 27.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A9B746
5446B9

Analogous

B98D46
A9B746
72B946

Triadic

A9B746
46ABB9
B946AB

Split-Comp.

A9B746
4672B9
8D46B9

Tetradic

A9B746
46B98D
5446B9
B94672

Contrast Matrix WCAG 2.1 Contrast

A9B746
CDB8A3
E3A045
E85802
5C3530
—
1.1
Fail
1.0
Fail
1.6
Fail
4.8
AA
1.1
Fail
—
1.2
Fail
1.9
Fail
5.5
AA
1.0
Fail
1.2
Fail
—
1.6
Fail
4.7
AA
1.6
Fail
1.9
Fail
1.6
Fail
—
2.9
Fail
4.8
AA
5.5
AA
4.7
AA
2.9
Fail
—
White BG
2.2Fail
1.9Fail
2.2Fail
3.6AA Large
10.5AAA
Black BG
9.5AAA
11.0AAA
9.4AAA
5.8AA
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

AFAF61
C4C4A8
C6C55B
AAA817
4B4B31

Deuteranopia

AEAD68
C5C7A9
CACF60
B2BD1C
4D5031

Tritanopia

AA777C
CCACAD
E06C70
E1272B
5A3232

Achromatopsia

A6A6A6
BCBCBC
AAAAAA
797979
404040

Shades & Tints Shades & Tints

#A9B746

Dark
Light

#CDB8A3

Dark
Light

#E3A045

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a9b746;
  --color-2: #cdb8a3;
  --color-3: #e3a045;
  --color-4: #e85802;
  --color-5: #5c3530;
}

SCSS

$color-1: #a9b746;
$color-2: #cdb8a3;
$color-3: #e3a045;
$color-4: #e85802;
$color-5: #5c3530;

TAILWIND

colors: {
  'brand-1': '#a9b746',
  'brand-2': '#cdb8a3',
  'brand-3': '#e3a045',
  'brand-4': '#e85802',
  'brand-5': '#5c3530',
}

RGB Array

[169, 183, 70], [205, 184, 163], [227, 160, 69], [232, 88, 2], [92, 53, 48]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #A9B746, #CDB8A3, #E3A045, #E85802, #5C3530 is ideal for: 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: #a9b746; --color-2: #cdb8a3; --color-3: #e3a045; --color-4: #e85802; --color-5: #5c3530. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 nature-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