← Back to Editor

#EBA845 · #C2985A · #918F65 · #757444 · #5C5A22

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

#EBA845

Ginger · SandyBrown · Warm Sun

HEX
#EBA845
RGB
rgb(235, 168, 69)
HSL
hsl(36, 81%, 60%)
HSB
hsb(36, 71%, 92%)
CMYK
cmyk(0%, 29%, 71%, 8%)
Oklch
oklch(77.8% 0.137 73.5)

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

#C2985A

Ginger · DarkSalmon · Warm Sun

HEX
#C2985A
RGB
rgb(194, 152, 90)
HSL
hsl(36, 46%, 56%)
HSB
hsb(36, 54%, 76%)
CMYK
cmyk(0%, 22%, 54%, 24%)
Oklch
oklch(70.6% 0.094 76.0)

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

#918F65

Autumn Sage · Gray · Honey Gold

HEX
#918F65
RGB
rgb(145, 143, 101)
HSL
hsl(57, 18%, 48%)
HSB
hsb(57, 30%, 57%)
CMYK
cmyk(0%, 1%, 30%, 43%)
Oklch
oklch(64.1% 0.059 105.6)

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

#757444

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#757444
RGB
rgb(117, 116, 68)
HSL
hsl(59, 26%, 36%)
HSB
hsb(59, 42%, 46%)
CMYK
cmyk(0%, 1%, 42%, 54%)
Oklch
oklch(54.8% 0.068 107.4)

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

#5C5A22

Autumn Sage · DarkOliveGreen · Amber Gold

HEX
#5C5A22
RGB
rgb(92, 90, 34)
HSL
hsl(58, 46%, 25%)
HSB
hsb(58, 63%, 36%)
CMYK
cmyk(0%, 2%, 63%, 64%)
Oklch
oklch(45.7% 0.077 107.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBA845
4688EC

Analogous

EC5746
EBA845
DBEC46

Triadic

EBA845
46ECAA
AA46EC

Split-Comp.

EBA845
46DBEC
5746EC

Tetradic

EBA845
46EC57
4688EC
EC46DB

Contrast Matrix WCAG 2.1 Contrast

EBA845
C2985A
918F65
757444
5C5A22
—
1.3
Fail
1.6
Fail
2.4
Fail
3.5
AA Large
1.3
Fail
—
1.3
Fail
1.8
Fail
2.7
Fail
1.6
Fail
1.3
Fail
—
1.5
Fail
2.1
Fail
2.4
Fail
1.8
Fail
1.5
Fail
—
1.5
Fail
3.5
AA Large
2.7
Fail
2.1
Fail
1.5
Fail
—
White BG
2.1Fail
2.6Fail
3.3AA Large
4.8AA
7.1AAA
Black BG
10.2AAA
7.9AAA
6.3AA
4.3AA Large
2.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECD5D
B0AF69
90906F
757550
5B5B30

Deuteranopia

D2D763
B2B56D
909072
757552
5B5B33

Tritanopia

E87074
C07577
917779
75595B
5C3A3D

Achromatopsia

B1B1B1
9D9D9D
8B8B8B
6F6F6F
545454

Shades & Tints Shades & Tints

#EBA845

Dark
Light

#C2985A

Dark
Light

#918F65

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eba845;
  --color-2: #c2985a;
  --color-3: #918f65;
  --color-4: #757444;
  --color-5: #5c5a22;
}

SCSS

$color-1: #eba845;
$color-2: #c2985a;
$color-3: #918f65;
$color-4: #757444;
$color-5: #5c5a22;

TAILWIND

colors: {
  'brand-1': '#eba845',
  'brand-2': '#c2985a',
  'brand-3': '#918f65',
  'brand-4': '#757444',
  'brand-5': '#5c5a22',
}

RGB Array

[235, 168, 69], [194, 152, 90], [145, 143, 101], [117, 116, 68], [92, 90, 34]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #EBA845, #C2985A, #918F65, #757444, #5C5A22 is ideal for: corporate websites, product showcases, portfolios. 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: #eba845; --color-2: #c2985a; --color-3: #918f65; --color-4: #757444; --color-5: #5c5a22. 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. 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