← Back to Editor

#968E39 · #ABA76C · #CBCB95 · #8B8574 · #574357

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

#968E39

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#968E39
RGB
rgb(150, 142, 57)
HSL
hsl(55, 45%, 41%)
HSB
hsb(55, 62%, 59%)
CMYK
cmyk(0%, 5%, 62%, 41%)
Oklch
oklch(63.6% 0.107 103.9)

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

#ABA76C

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#ABA76C
RGB
rgb(171, 167, 108)
HSL
hsl(56, 27%, 55%)
HSB
hsb(56, 37%, 67%)
CMYK
cmyk(0%, 2%, 37%, 33%)
Oklch
oklch(71.8% 0.079 104.9)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#CBCB95

Fresh Green · Tan · Sunflower

HEX
#CBCB95
RGB
rgb(203, 203, 149)
HSL
hsl(60, 34%, 69%)
HSB
hsb(60, 27%, 80%)
CMYK
cmyk(0%, 0%, 27%, 20%)
Oklch
oklch(82.9% 0.071 107.9)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#8B8574

Ochre · Gray · Warm Gray

HEX
#8B8574
RGB
rgb(139, 133, 116)
HSL
hsl(44, 9%, 50%)
HSB
hsb(44, 17%, 55%)
CMYK
cmyk(0%, 4%, 17%, 45%)
Oklch
oklch(61.7% 0.026 90.8)

Traditional「Ochre」· Paint「Warm Gray」· Creative Urban Concrete

#574357

Rose Purple · DarkSlateGray · Eggplant

HEX
#574357
RGB
rgb(87, 67, 87)
HSL
hsl(300, 13%, 30%)
HSB
hsb(300, 23%, 34%)
CMYK
cmyk(0%, 23%, 0%, 66%)
Oklch
oklch(41.2% 0.042 326.3)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

968E39
3A4198

Analogous

98613A
968E39
70983A

Triadic

968E39
3A9890
903A98

Split-Comp.

968E39
3A7098
613A98

Tetradic

968E39
3A9861
3A4198
983A70

Contrast Matrix WCAG 2.1 Contrast

968E39
ABA76C
CBCB95
8B8574
574357
—
1.4
Fail
2.0
Fail
1.1
Fail
2.7
Fail
1.4
Fail
—
1.5
Fail
1.5
Fail
3.6
AA Large
2.0
Fail
1.5
Fail
—
2.2
Fail
5.3
AA
1.1
Fail
1.5
Fail
2.2
Fail
—
2.4
Fail
2.7
Fail
3.6
AA Large
5.3
AA
2.4
Fail
—
White BG
3.4AA Large
2.5Fail
1.7Fail
3.7AA Large
9.0AAA
Black BG
6.2AA
8.5AAA
12.5AAA
5.7AA
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

93924E
A9A97A
CBCBA2
888878
4E4E52

Deuteranopia

939453
AAAA7E
CBCBA5
898979
505151

Tritanopia

965E61
AB8688
CBACAF
8B7B7C
564E4E

Achromatopsia

878787
A1A1A1
C5C5C5
858585
4B4B4B

Shades & Tints Shades & Tints

#968E39

Dark
Light

#ABA76C

Dark
Light

#CBCB95

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #968e39;
  --color-2: #aba76c;
  --color-3: #cbcb95;
  --color-4: #8b8574;
  --color-5: #574357;
}

SCSS

$color-1: #968e39;
$color-2: #aba76c;
$color-3: #cbcb95;
$color-4: #8b8574;
$color-5: #574357;

TAILWIND

colors: {
  'brand-1': '#968e39',
  'brand-2': '#aba76c',
  'brand-3': '#cbcb95',
  'brand-4': '#8b8574',
  'brand-5': '#574357',
}

RGB Array

[150, 142, 57], [171, 167, 108], [203, 203, 149], [139, 133, 116], [87, 67, 87]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #968E39, #ABA76C, #CBCB95, #8B8574, #574357 is ideal for: brand design, premium product pages, magazine layouts. 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: #968e39; --color-2: #aba76c; --color-3: #cbcb95; --color-4: #8b8574; --color-5: #574357. 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. 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