← Back to Editor

#A0B884 · #9EC3A4 · #594949 · #827A6D · #614A50

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

#A0B884

Willow Green · DarkSeaGreen · Apple Green

HEX
#A0B884
RGB
rgb(160, 184, 132)
HSL
hsl(88, 27%, 62%)
HSB
hsb(88, 28%, 72%)
CMYK
cmyk(13%, 0%, 28%, 28%)
Oklch
oklch(75.1% 0.076 128.2)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#9EC3A4

Celadon · DarkSeaGreen · Apple Green

HEX
#9EC3A4
RGB
rgb(158, 195, 164)
HSL
hsl(130, 24%, 69%)
HSB
hsb(130, 19%, 76%)
CMYK
cmyk(19%, 0%, 16%, 24%)
Oklch
oklch(78.2% 0.059 149.6)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#594949

Crimson · DarkSlateGray · Wine Red

HEX
#594949
RGB
rgb(89, 73, 73)
HSL
hsl(0, 10%, 32%)
HSB
hsb(0, 18%, 35%)
CMYK
cmyk(0%, 18%, 18%, 65%)
Oklch
oklch(42.2% 0.022 18.0)

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

#827A6D

Ochre · Gray · Warm Gray

HEX
#827A6D
RGB
rgb(130, 122, 109)
HSL
hsl(37, 9%, 47%)
HSB
hsb(37, 16%, 51%)
CMYK
cmyk(0%, 6%, 16%, 49%)
Oklch
oklch(58.3% 0.022 80.0)

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

#614A50

Dark Violet · DimGray · Camellia

HEX
#614A50
RGB
rgb(97, 74, 80)
HSL
hsl(344, 13%, 34%)
HSB
hsb(344, 24%, 38%)
CMYK
cmyk(0%, 24%, 18%, 62%)
Oklch
oklch(43.5% 0.032 1.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A0B884
9C84B8

Analogous

B8B784
A0B884
86B884

Triadic

A0B884
84A0B8
B884A0

Split-Comp.

A0B884
8486B8
B784B8

Tetradic

A0B884
84B8B7
9C84B8
B88486

Contrast Matrix WCAG 2.1 Contrast

A0B884
9EC3A4
594949
827A6D
614A50
—
1.1
Fail
3.9
AA Large
2.0
Fail
3.7
AA Large
1.1
Fail
—
4.4
AA Large
2.2
Fail
4.1
AA Large
3.9
AA Large
4.4
AA Large
—
2.0
Fail
1.1
Fail
2.0
Fail
2.2
Fail
2.0
Fail
—
1.9
Fail
3.7
AA Large
4.1
AA Large
1.1
Fail
1.9
Fail
—
White BG
2.2Fail
1.9Fail
8.5AAA
4.2AA Large
8.1AAA
Black BG
9.7AAA
10.8AAA
2.5Fail
5.0AA
2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

AAAB91
AEAEAC
525249
7F7E70
57574F

Deuteranopia

A9A794
ACA9AD
535449
7F8071
585A4E

Tritanopia

A19B9D
A0B1B3
584949
827373
604D4D

Achromatopsia

ABABAB
B4B4B4
4E4E4E
7B7B7B
525252

Shades & Tints Shades & Tints

#A0B884

Dark
Light

#9EC3A4

Dark
Light

#594949

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a0b884;
  --color-2: #9ec3a4;
  --color-3: #594949;
  --color-4: #827a6d;
  --color-5: #614a50;
}

SCSS

$color-1: #a0b884;
$color-2: #9ec3a4;
$color-3: #594949;
$color-4: #827a6d;
$color-5: #614a50;

TAILWIND

colors: {
  'brand-1': '#a0b884',
  'brand-2': '#9ec3a4',
  'brand-3': '#594949',
  'brand-4': '#827a6d',
  'brand-5': '#614a50',
}

RGB Array

[160, 184, 132], [158, 195, 164], [89, 73, 73], [130, 122, 109], [97, 74, 80]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #A0B884, #9EC3A4, #594949, #827A6D, #614A50 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: #a0b884; --color-2: #9ec3a4; --color-3: #594949; --color-4: #827a6d; --color-5: #614a50. 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