← Back to Editor

#7B9664 · #75D323 · #A6DD41 · #BEF320 · #DAF877

nature

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

VibrantFresh

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Landing PageMobile App

Color Details Color Details

#7B9664

Celadon · Gray · Olive Green

HEX
#7B9664
RGB
rgb(123, 150, 100)
HSL
hsl(92, 20%, 49%)
HSB
hsb(92, 33%, 59%)
CMYK
cmyk(18%, 0%, 33%, 41%)
Oklch
oklch(63.9% 0.078 131.4)

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

#75D323

Pine Green · Chartreuse · Olive Green

HEX
#75D323
RGB
rgb(117, 211, 35)
HSL
hsl(92, 72%, 48%)
HSB
hsb(92, 83%, 83%)
CMYK
cmyk(45%, 0%, 83%, 17%)
Oklch
oklch(77.8% 0.216 134.8)

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

#A6DD41

Grass Green · GreenYellow · Olive Green

HEX
#A6DD41
RGB
rgb(166, 221, 65)
HSL
hsl(81, 70%, 56%)
HSB
hsb(81, 71%, 87%)
CMYK
cmyk(25%, 0%, 71%, 13%)
Oklch
oklch(83.1% 0.189 127.2)

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

#BEF320

Grass Green · GreenYellow · Olive Green

HEX
#BEF320
RGB
rgb(190, 243, 32)
HSL
hsl(75, 90%, 54%)
HSB
hsb(75, 87%, 95%)
CMYK
cmyk(22%, 0%, 87%, 5%)
Oklch
oklch(89.5% 0.217 124.4)

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

#DAF877

Willow Green · Khaki · Apple Green

HEX
#DAF877
RGB
rgb(218, 248, 119)
HSL
hsl(74, 90%, 72%)
HSB
hsb(74, 52%, 97%)
CMYK
cmyk(12%, 0%, 52%, 3%)
Oklch
oklch(93.1% 0.159 120.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7B9664
7F6496

Analogous

949664
7B9664
649666

Triadic

7B9664
647B96
96647B

Split-Comp.

7B9664
666496
966494

Tetradic

7B9664
649496
7F6496
966664

Contrast Matrix WCAG 2.1 Contrast

7B9664
75D323
A6DD41
BEF320
DAF877
—
1.7
Fail
2.0
Fail
2.5
Fail
2.8
Fail
1.7
Fail
—
1.2
Fail
1.4
Fail
1.6
Fail
2.0
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
2.5
Fail
1.4
Fail
1.2
Fail
—
1.1
Fail
2.8
Fail
1.6
Fail
1.4
Fail
1.1
Fail
—
White BG
3.3AA Large
1.9Fail
1.6Fail
1.3Fail
1.2Fail
Black BG
6.4AA
11.1AAA
13.0AAA
16.0AAA
17.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

878770
9E9F4E
BEBE67
D5D553
E7E796

Deuteranopia

858373
989158
BBB770
D2CE5F
E5E39E

Tritanopia

7C7A7C
7A6F77
A9858B
C17B84
DCAFB4

Achromatopsia

888888
A3A3A3
BBBBBB
CBCBCB
E0E0E0

Shades & Tints Shades & Tints

#7B9664

Dark
Light

#75D323

Dark
Light

#A6DD41

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7b9664;
  --color-2: #75d323;
  --color-3: #a6dd41;
  --color-4: #bef320;
  --color-5: #daf877;
}

SCSS

$color-1: #7b9664;
$color-2: #75d323;
$color-3: #a6dd41;
$color-4: #bef320;
$color-5: #daf877;

TAILWIND

colors: {
  'brand-1': '#7b9664',
  'brand-2': '#75d323',
  'brand-3': '#a6dd41',
  'brand-4': '#bef320',
  'brand-5': '#daf877',
}

RGB Array

[123, 150, 100], [117, 211, 35], [166, 221, 65], [190, 243, 32], [218, 248, 119]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #7B9664, #75D323, #A6DD41, #BEF320, #DAF877 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #7b9664; --color-2: #75d323; --color-3: #a6dd41; --color-4: #bef320; --color-5: #daf877. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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