Back to palettes

Palette

Jungle Canopy Emerald

A rich blend of greens, from deep to vibrant, depicting a dense tropical canopy.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Jungle Canopy Emerald 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 Jungle Canopy Emerald.

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

Data visualization

#006400#228B22#3CB371#6B8E23#2E8B57

Palette guide

How to use Jungle Canopy Emerald

Overview

The Jungle Canopy Emerald palette is a rich blend of greens, from deep to vibrant, depicting a dense tropical canopy. It features classic forest green (#006400), a brighter forest green (#228B22), refreshing sea green (#3CB371), earthy olive drab (#6B8E23), and a striking emerald green (#2E8B57). This collection is perfect for designers seeking to convey lushness, natural beauty, and a sense of depth and vitality. It's a versatile palette for projects that require a strong connection to nature, from branding to digital landscapes.

Best used for

  • Environmental organizations and conservation groups
  • Nature photography and documentary branding
  • Outdoor apparel and gear brands
  • Sustainable and eco-conscious product packaging
  • Garden design and landscaping businesses
  • Natural beauty and wellness product lines

Suggested color roles

primary

Utilize #006400 as a deep, foundational green for backgrounds or dominant elements, establishing a lush base.

secondary

Employ #2E8B57 and #228B22 for supporting sections, gradients, or to add layers of vibrant foliage.

accent

Reserve #3CB371 for brighter highlights or interactive elements, while #6B8E23 can add a subtle earthy contrast.

background

A very light cream or soft off-white provides a clean canvas. #006400 can also be used for an immersive, dark green background.

text

White or a very light gray provides excellent contrast on any of the greens in this palette. Dark charcoal works on light backgrounds.

Accessibility notes

  • All greens in this palette offer excellent contrast with white or light-colored text for optimal readability.
  • Be cautious when using #6B8E23 (olive) with dark text, as contrast may be moderate; check for compliance.
  • Ensure sufficient contrast for links and interactive elements, especially if using a lighter green as a background.
  • Consider using a slightly textured background with these greens to add visual interest and depth.

Recommended combinations

Deep Forest

Creates a rich, multi-layered forest depth, ideal for establishing a natural and immersive feel.

#006400 · #2E8B57 · #3CB371

Lush Foliage

A balanced mix of earthy and vibrant greens, perfect for showcasing diverse plant life.

#228B22 · #6B8E23 · #2E8B57

Emerald Glow

Emphasizes the vibrant and natural glow of the canopy, suitable for fresh and lively designs.

#006400 · #3CB371 · #6B8E23

CSS variables

:root {
  --jungle-canopy-emerald-1: #006400;
  --jungle-canopy-emerald-2: #228B22;
  --jungle-canopy-emerald-3: #3CB371;
  --jungle-canopy-emerald-4: #6B8E23;
  --jungle-canopy-emerald-5: #2E8B57;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "jungle-canopy-emerald": {
        1: "#006400",
        2: "#228B22",
        3: "#3CB371",
        4: "#6B8E23",
        5: "#2E8B57",
      }
    }
  }
}

Related searches

emerald green color palettelush jungle colorsnature inspired designdeep forest greenstropical canopy scheme

Palette colors

Hex values

Color 1#006400
·
Color 2#228B22
·
Color 3#3CB371
·
Color 4#6B8E23
·
Color 5#2E8B57
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.8:1Fail
2:1Fail
1.8:1Fail
2
1.7:1Fail
1.6:1Fail
1.2:1Fail
1:1Fail
3
2.8:1Fail
1.6:1Fail
1.4:1Fail
1.6:1Fail
4
2:1Fail
1.2:1Fail
1.4:1Fail
1.1:1Fail
5
1.8:1Fail
1:1Fail
1.6:1Fail
1.1:1Fail

Similar palettes

More like Jungle Canopy Emerald

View all earth