Palette

Verdant Reptile Hue

A lush, earthy collection of varied greens, mimicking the rich, camouflaging scales of creatures in a dense, tropical jungle.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Verdant Reptile Hue reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Verdant Reptile Hue.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#2E8B57#3CB371#6B8E23#1E4D2B#006400

Palette guide

How to use Verdant Reptile Hue

Overview

The Verdant Reptile Hue palette offers a robust and earthy collection of greens, designed to mimic the rich, camouflaging scales of creatures in a dense, tropical jungle. This palette is characterized by its deep, commanding shades like #1E4D2B and #006400, contrasted with more vibrant, olive-toned greens such as #2E8B57, #3CB371, and #6B8E23. It’s perfect for designs that require a strong, natural, and slightly untamed aesthetic. Designers can use these hues to convey resilience, authenticity, and a connection to wild nature, suitable for outdoor adventure brands or designs with a bold, organic presence.

Best used for

Outdoor and adventure sports branding
Wildlife conservation initiatives
Military or tactical gear design
Natural history museum exhibits
Eco-tourism marketing
Botanical garden signage

Suggested color roles

primary

#1E4D2B or #006400 serve as powerful, deep primary colors for backgrounds, main branding, or impactful headings, grounding the design.

secondary

#2E8B57 or #3CB371 provide a vibrant, yet still substantial, green for secondary panels, large text, or supportive graphical elements.

accent

#6B8E23, with its distinct olive tone, works as an excellent accent for calls-to-action, interactive elements, or visual highlights, adding character.

background

A very light cream or a soft gray could pair well, or use #3CB371 as a background for darker text elements.

text

Use a crisp white or light cream on the darkest colors like #1E4D2B or #006400. For lighter backgrounds, #1E4D2B offers strong readability.

Accessibility notes

Ensure adequate contrast for white text on #1E4D2B and #006400 backgrounds.
#6B8E23 may have insufficient contrast on #3CB371 for small text; use for larger elements.
#2E8B57 against a light background like a soft grey offers good readability for body copy.
Always verify contrast ratios, especially when pairing mid-tone greens, to meet WCAG AA standards.

Recommended combinations

Jungle Camo

Creates a rugged, natural blend ideal for backgrounds, headers, or adventurous branding.

#1E4D2B · #2E8B57 · #6B8E23

Vibrant Scales

A lively combination for dynamic elements, calls-to-action, or energetic visual storytelling.

#006400 · #3CB371 · #2E8B57

Deep Undergrowth

Suitable for content blocks, providing depth with an accent, or for nature-themed illustrations.

#6B8E23 · #1E4D2B · #3CB371

CSS variables

:root {
  --verdant-reptile-hue-1: #2E8B57;
  --verdant-reptile-hue-2: #3CB371;
  --verdant-reptile-hue-3: #6B8E23;
  --verdant-reptile-hue-4: #1E4D2B;
  --verdant-reptile-hue-5: #006400;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "verdant-reptile-hue": {
        1: "#2E8B57",
        2: "#3CB371",
        3: "#6B8E23",
        4: "#1E4D2B",
        5: "#006400",
      }
    }
  }
}

Hex values

Color 1#2E8B57

Color 2#3CB371

Color 3#6B8E23

Color 4#1E4D2B

Color 5#006400

Accessibility

Contrast checker

1.6:1Fail

1.1:1Fail

2.3:1Fail

1.8:1Fail

1.6:1Fail

1.4:1Fail

3.7:1AA18

2.8:1Fail

1.1:1Fail

1.4:1Fail

2.6:1Fail

2:1Fail

2.3:1Fail

3.7:1AA18

2.6:1Fail

1.3:1Fail

1.8:1Fail

2.8:1Fail

2:1Fail

1.3:1Fail

Similar palettes

More like Verdant Reptile Hue

View all earth

Emerald Jungle Mystery

Rainforest Bloom Shadow

Rainforest Canopy Drip

Tropical Verdant Realm

Agave Bloom Dawn

Ancient Forest Hush