← Back to Editor

#95AA61 · #121310 · #F6F8EE · #D6E68A · #899752

nature

A 5-color nature palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGrounded

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlogData Visualization

Color Details Color Details

#95AA61

Grass Green · DarkSeaGreen · Olive Green

HEX
#95AA61
RGB
rgb(149, 170, 97)
HSL
hsl(77, 30%, 52%)
HSB
hsb(77, 43%, 67%)
CMYK
cmyk(12%, 0%, 43%, 33%)
Oklch
oklch(70.5% 0.101 122.1)

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

#121310

Grass Green · Black · Jet Black

HEX
#121310
RGB
rgb(18, 19, 16)
HSL
hsl(80, 9%, 7%)
HSB
hsb(80, 16%, 7%)
CMYK
cmyk(5%, 0%, 16%, 93%)
Oklch
oklch(18.4% 0.006 122.0)

Traditional「Grass Green」· Paint「Jet Black」· Creative Midnight Shadow

#F6F8EE

Willow Green · SeaShell · Mint Green

HEX
#F6F8EE
RGB
rgb(246, 248, 238)
HSL
hsl(72, 42%, 95%)
HSB
hsb(72, 4%, 97%)
CMYK
cmyk(1%, 0%, 4%, 3%)
Oklch
oklch(97.5% 0.013 115.8)

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

#D6E68A

Willow Green · Khaki · Apple Green

HEX
#D6E68A
RGB
rgb(214, 230, 138)
HSL
hsl(70, 65%, 72%)
HSB
hsb(70, 40%, 90%)
CMYK
cmyk(7%, 0%, 40%, 10%)
Oklch
oklch(89.3% 0.117 116.9)

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

#899752

Grass Green · Gray · Olive Green

HEX
#899752
RGB
rgb(137, 151, 82)
HSL
hsl(72, 30%, 46%)
HSB
hsb(72, 46%, 59%)
CMYK
cmyk(9%, 0%, 46%, 41%)
Oklch
oklch(64.9% 0.095 118.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

95AA61
7560A9

Analogous

A99960
95AA61
70A960

Triadic

95AA61
6095A9
A96095

Split-Comp.

95AA61
6070A9
9960A9

Tetradic

95AA61
60A999
7560A9
A96070

Contrast Matrix WCAG 2.1 Contrast

95AA61
121310
F6F8EE
D6E68A
899752
—
7.3
AAA
2.4
Fail
1.9
Fail
1.2
Fail
7.3
AAA
—
17.4
AAA
13.8
AAA
5.9
AA
2.4
Fail
17.4
AAA
—
1.3
Fail
3.0
Fail
1.9
Fail
13.8
AAA
1.3
Fail
—
2.4
Fail
1.2
Fail
5.9
AA
3.0
Fail
2.4
Fail
—
White BG
2.6Fail
18.6AAA
1.1Fail
1.4Fail
3.2AA Large
Black BG
8.2AAA
1.1Fail
19.6AAA
15.5AAA
6.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9E9E73
121211
F7F7F0
DDDDA0
8F8F63

Deuteranopia

9D9B77
121211
F7F7F1
DCDBA6
8E8D67

Tritanopia

968184
121111
F6F2F3
D7B2B6
8A7073

Achromatopsia

9B9B9B
121212
F6F6F6
D7D7D7
8B8B8B

Shades & Tints Shades & Tints

#95AA61

Dark
Light

#121310

Dark
Light

#F6F8EE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #95aa61;
  --color-2: #121310;
  --color-3: #f6f8ee;
  --color-4: #d6e68a;
  --color-5: #899752;
}

SCSS

$color-1: #95aa61;
$color-2: #121310;
$color-3: #f6f8ee;
$color-4: #d6e68a;
$color-5: #899752;

TAILWIND

colors: {
  'brand-1': '#95aa61',
  'brand-2': '#121310',
  'brand-3': '#f6f8ee',
  'brand-4': '#d6e68a',
  'brand-5': '#899752',
}

RGB Array

[149, 170, 97], [18, 19, 16], [246, 248, 238], [214, 230, 138], [137, 151, 82]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #95AA61, #121310, #F6F8EE, #D6E68A, #899752 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: #95aa61; --color-2: #121310; --color-3: #f6f8ee; --color-4: #d6e68a; --color-5: #899752. 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