← Back to Editor

#75B000 · #00A715 · #008936 · #F2B900 · #00423B

nature

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

VibrantFreshWarmCool

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Landing PageMobile App

Color Details Color Details

#75B000

Grass Green · Olive · Forest Green

HEX
#75B000
RGB
rgb(117, 176, 0)
HSL
hsl(80, 100%, 35%)
HSB
hsb(80, 100%, 69%)
CMYK
cmyk(34%, 0%, 100%, 31%)
Oklch
oklch(69.0% 0.185 129.6)

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

#00A715

Pine Green · Green · Forest Green

HEX
#00A715
RGB
rgb(0, 167, 21)
HSL
hsl(128, 100%, 33%)
HSB
hsb(128, 100%, 65%)
CMYK
cmyk(100%, 0%, 87%, 35%)
Oklch
oklch(63.2% 0.210 143.2)

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

#008936

Pine Green · ForestGreen · Forest Green

HEX
#008936
RGB
rgb(0, 137, 54)
HSL
hsl(144, 100%, 27%)
HSB
hsb(144, 100%, 54%)
CMYK
cmyk(100%, 0%, 61%, 46%)
Oklch
oklch(55.0% 0.158 148.2)

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

#F2B900

Ochre · Orange · Honey Gold

HEX
#F2B900
RGB
rgb(242, 185, 0)
HSL
hsl(46, 100%, 47%)
HSB
hsb(46, 100%, 95%)
CMYK
cmyk(0%, 24%, 100%, 5%)
Oklch
oklch(81.5% 0.167 86.1)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#00423B

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#00423B
RGB
rgb(0, 66, 59)
HSL
hsl(174, 100%, 13%)
HSB
hsb(174, 100%, 26%)
CMYK
cmyk(100%, 0%, 11%, 74%)
Oklch
oklch(34.0% 0.061 183.1)

Traditional「Mineral Blue」· Paint「Peacock Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

75B000
3B00B3

Analogous

B39500
75B000
1EB300

Triadic

75B000
0077B3
B30077

Split-Comp.

75B000
001EB3
9500B3

Tetradic

75B000
00B395
3B00B3
B3001E

Contrast Matrix WCAG 2.1 Contrast

75B000
00A715
008936
F2B900
00423B
—
1.2
Fail
1.7
Fail
1.5
Fail
4.3
AA Large
1.2
Fail
—
1.4
Fail
1.8
Fail
3.5
AA Large
1.7
Fail
1.4
Fail
—
2.5
Fail
2.5
Fail
1.5
Fail
1.8
Fail
2.5
Fail
—
6.4
AA
4.3
AA Large
3.5
AA Large
2.5
Fail
6.4
AA
—
White BG
2.6Fail
3.2AA Large
4.5AA
1.8Fail
11.4AAA
Black BG
8.0AAA
6.5AA
4.6AA
11.7AAA
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

8F8F2B
484A38
3B3D4A
D9D92D
1D1D3D

Deuteranopia

8B8735
3F3241
33294F
DDE138
19143D

Tritanopia

784C54
08545A
075A5D
EF5058
033E3E

Achromatopsia

8A8A8A
646464
575757
B5B5B5
2D2D2D

Shades & Tints Shades & Tints

#75B000

Dark
Light

#00A715

Dark
Light

#008936

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #75b000;
  --color-2: #00a715;
  --color-3: #008936;
  --color-4: #f2b900;
  --color-5: #00423b;
}

SCSS

$color-1: #75b000;
$color-2: #00a715;
$color-3: #008936;
$color-4: #f2b900;
$color-5: #00423b;

TAILWIND

colors: {
  'brand-1': '#75b000',
  'brand-2': '#00a715',
  'brand-3': '#008936',
  'brand-4': '#f2b900',
  'brand-5': '#00423b',
}

RGB Array

[117, 176, 0], [0, 167, 21], [0, 137, 54], [242, 185, 0], [0, 66, 59]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #75B000, #00A715, #008936, #F2B900, #00423B is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. 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: #75b000; --color-2: #00a715; --color-3: #008936; --color-4: #f2b900; --color-5: #00423b. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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