Back to palettes

Palette

Vivid Jungle Canopy

Explodes with dynamic greens, capturing the intense, thriving energy of a lush, sun-drenched jungle canopy.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#005C00#2E8B57#3CB371#66CDAA#90EE90

Palette guide

How to use Vivid Jungle Canopy

Overview

The Vivid Jungle Canopy palette bursts with the lush, vibrant energy of a tropical rainforest. Dominated by a spectrum of greens, from the deep, grounding #005C00 to the fresh, airy #90EE90, this collection is perfect for projects seeking a natural, lively, and refreshing aesthetic. The mid-tones like #2E8B57 and #3CB371 offer excellent versatility for creating depth and organic flow. Designers can use these hex codes for eco-friendly branding, outdoor adventure themes, or health and wellness applications. Developers will find them ideal for crafting engaging, nature-inspired interfaces that convey growth, vitality, and environmental consciousness, ensuring a fresh and inviting user experience.

Best used for

  • Eco-friendly and sustainable brand identity
  • Outdoor adventure and travel websites
  • Health and wellness product packaging
  • Nature-themed educational apps
  • Gardening and landscaping services
  • Tropical resort marketing

Suggested color roles

primary

Use #005C00 for strong foundational elements, creating a deep, stable base reminiscent of dense foliage.

secondary

Employ #2E8B57 for important headings, navigation, or content blocks, adding a rich, natural tone.

accent

Highlight key information or interactive states with #66CDAA or #3CB371, providing a fresh, vibrant pop.

background

A very light green or crisp white works well as a background to let these greens thrive. #90EE90 can serve as a soft, ethereal background in specific contexts.

text

For text on lighter greens or white, a dark charcoal or black is ideal. For text on darker greens like #005C00, use white or a very light green like #90EE90.

Accessibility notes

  • Ensure sufficient contrast between text and background, especially when using mid-tones like #3CB371 for text.
  • Pair darker greens like #005C00 with light text (e.g., white) and lighter greens like #90EE90 with dark text (e.g., black).
  • Avoid using #66CDAA and #90EE90 together for small text or interactive elements without careful contrast checking.
  • Provide alternative visual cues for color-coded information, as green palettes can be challenging for some colorblind users.

Recommended combinations

Deep Forest

Excellent for strong branding, lush backgrounds, and fresh highlights.

#005C00 · #3CB371 · #90EE90

Tropical Energy

Ideal for main content, interactive elements, and a grounding, natural feel.

#2E8B57 · #66CDAA · #005C00

Leafy Freshness

Perfect for light, airy designs, subtle gradients, and inviting interfaces.

#90EE90 · #3CB371 · #2E8B57

CSS variables

:root {
  --vivid-jungle-canopy-1: #005C00;
  --vivid-jungle-canopy-2: #2E8B57;
  --vivid-jungle-canopy-3: #3CB371;
  --vivid-jungle-canopy-4: #66CDAA;
  --vivid-jungle-canopy-5: #90EE90;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vivid-jungle-canopy": {
        1: "#005C00",
        2: "#2E8B57",
        3: "#3CB371",
        4: "#66CDAA",
        5: "#90EE90",
      }
    }
  }
}

Related searches

lush green color palettevibrant jungle colorsnature inspired web designeco friendly branding colorstropical forest scheme

Palette colors

Hex values

Color 1#005C00
·
Color 2#2E8B57
·
Color 3#3CB371
·
Color 4#66CDAA
·
Color 5#90EE90
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
3.1:1AA18
4.3:1AA18
5.9:1AA
2
2:1Fail
1.6:1Fail
2.2:1Fail
3:1Fail
3
3.1:1AA18
1.6:1Fail
1.4:1Fail
1.9:1Fail
4
4.3:1AA18
2.2:1Fail
1.4:1Fail
1.4:1Fail
5
5.9:1AA
3:1Fail
1.9:1Fail
1.4:1Fail

Similar palettes

More like Vivid Jungle Canopy

View all vibrant
Rainforest Blossom Glow
Rainforest Canopy Jewel
Tropical Aviary Jewel
Tropical Rainforest Canopy
Emerald Coastline
Jade Jungle Canopy