← Back to Editor

#3CE06D · #EEECC4 · #B5C711 · #928C2A · #403939

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 WebsiteBlogData Visualization

Color Details Color Details

#3CE06D

Emerald · MediumSeaGreen · Olive Green

HEX
#3CE06D
RGB
rgb(60, 224, 109)
HSL
hsl(138, 73%, 56%)
HSB
hsb(138, 73%, 88%)
CMYK
cmyk(73%, 0%, 51%, 12%)
Oklch
oklch(79.9% 0.206 148.7)

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

#EEECC4

Fresh Green · Bisque · Lemon Cream

HEX
#EEECC4
RGB
rgb(238, 236, 196)
HSL
hsl(57, 55%, 85%)
HSB
hsb(57, 18%, 93%)
CMYK
cmyk(0%, 1%, 18%, 7%)
Oklch
oklch(93.5% 0.052 105.0)

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

#B5C711

Autumn Sage · GoldenRod · Honey Gold

HEX
#B5C711
RGB
rgb(181, 199, 17)
HSL
hsl(66, 84%, 42%)
HSB
hsb(66, 91%, 78%)
CMYK
cmyk(9%, 0%, 91%, 22%)
Oklch
oklch(78.9% 0.178 116.2)

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

#928C2A

Autumn Sage · Olive · Honey Gold

HEX
#928C2A
RGB
rgb(146, 140, 42)
HSL
hsl(57, 55%, 37%)
HSB
hsb(57, 71%, 57%)
CMYK
cmyk(0%, 4%, 71%, 43%)
Oklch
oklch(62.7% 0.117 105.8)

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

#403939

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#403939
RGB
rgb(64, 57, 57)
HSL
hsl(0, 6%, 24%)
HSB
hsb(0, 11%, 25%)
CMYK
cmyk(0%, 11%, 11%, 75%)
Oklch
oklch(35.2% 0.010 17.6)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3CE06D
E13DB0

Analogous

5EE13D
3CE06D
3DE1C0

Triadic

3CE06D
6E3DE1
E16E3D

Split-Comp.

3CE06D
C03DE1
E13D5E

Tetradic

3CE06D
3D5EE1
E13DB0
E1C03D

Contrast Matrix WCAG 2.1 Contrast

3CE06D
EEECC4
B5C711
928C2A
403939
—
1.4
Fail
1.1
Fail
2.0
Fail
6.5
AA
1.4
Fail
—
1.6
Fail
2.9
Fail
9.4
AAA
1.1
Fail
1.6
Fail
—
1.9
Fail
6.0
AA
2.0
Fail
2.9
Fail
1.9
Fail
—
3.2
AA Large
6.5
AA
9.4
AAA
6.0
AA
3.2
AA Large
—
White BG
1.7Fail
1.2Fail
1.9Fail
3.5AA Large
11.3AAA
Black BG
12.1AAA
17.4AAA
11.1AAA
6.0AA
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

838489
EDEDCE
BDBD3D
8F8F42
3D3D39

Deuteranopia

7A6D90
EDEDD0
BCBA48
909047
3D3E39

Tritanopia

449FA4
EED5D7
B66067
925459
403939

Achromatopsia

A2A2A2
E8E8E8
ADADAD
838383
3B3B3B

Shades & Tints Shades & Tints

#3CE06D

Dark
Light

#EEECC4

Dark
Light

#B5C711

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3ce06d;
  --color-2: #eeecc4;
  --color-3: #b5c711;
  --color-4: #928c2a;
  --color-5: #403939;
}

SCSS

$color-1: #3ce06d;
$color-2: #eeecc4;
$color-3: #b5c711;
$color-4: #928c2a;
$color-5: #403939;

TAILWIND

colors: {
  'brand-1': '#3ce06d',
  'brand-2': '#eeecc4',
  'brand-3': '#b5c711',
  'brand-4': '#928c2a',
  'brand-5': '#403939',
}

RGB Array

[60, 224, 109], [238, 236, 196], [181, 199, 17], [146, 140, 42], [64, 57, 57]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #3CE06D, #EEECC4, #B5C711, #928C2A, #403939 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: #3ce06d; --color-2: #eeecc4; --color-3: #b5c711; --color-4: #928c2a; --color-5: #403939. 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