Back to palettes

Palette

Verdant Canopy Glade

A lively collection of lush greens, inspired by dense, sun-drenched rainforests.

vibrantnatural5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Verdant Canopy Glade 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 Canopy Glade.

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

Data visualization

#228B22#3CB371#90EE90#00FA9A#ADFF2F

Palette guide

How to use Verdant Canopy Glade

Overview

The Verdant Canopy Glade palette is a truly vibrant and energetic collection of lush greens, inspired by sun-drenched rainforests. It features a strong forest green #228B22, a striking medium aquamarine #3CB371, and progresses to bright, almost neon tones like #90EE90 (light green) and the electric #00FA9A (medium spring green), culminating in the vivid #ADFF2F (green yellow). This palette is ideal for designs that need to convey exuberance, dynamism, and an undeniable connection to lively nature. Developers can create highly engaging and visually stimulating interfaces, while designers will find these shades excellent for branding that demands attention with its freshness and vitality.

Best used for

  • Youth-oriented eco-brands
  • Energy drink or health supplement packaging
  • Gaming interfaces (nature-themed)
  • Tropical resort marketing
  • Dynamic website headers
  • Event branding (outdoor, energetic)

Suggested color roles

primary

A strong, classic forest green #228B22, excellent for anchoring designs, main calls to action, or prominent headings.

secondary

A vibrant medium aquamarine #3CB371, perfect for subheadings, secondary interactive elements, or key informational blocks.

accent

An intensely bright green-yellow #ADFF2F, ideal for high-impact highlights, interactive states, or eye-catching graphical elements.

background

A very light, bright green #90EE90 that can serve as an energetic background for sections, or a clean white/near-white as a primary canvas.

text

For body text on lighter backgrounds, a dark charcoal or black is crucial for readability. Use #228B22 for headings to ensure strong contrast and impact.

Accessibility notes

  • The brighter colors like #ADFF2F, #00FA9A, and #90EE90 will have very poor contrast for text on white or very light backgrounds; use them sparingly for large headings or graphical accents.
  • Ensure #228B22 and #3CB371 are used for most body text on light backgrounds to meet WCAG AA contrast.
  • Interactive elements must have very clear visual cues and sufficient contrast in all states.
  • Extreme caution is needed when using these vibrant greens for text, always verify contrast.

Recommended combinations

Rainforest Energy

Use for high-impact branding, energetic calls to action, or dynamic headers.

#228B22 · #3CB371 · #ADFF2F

Electric Pop

Ideal for vibrant graphical elements, illustrations, or sections needing maximum visual energy.

#90EE90 · #00FA9A · #ADFF2F

Grounded Freshness

Good for secondary content blocks, highlighted information, or a more balanced, yet lively, visual hierarchy.

#3CB371 · #90EE90 · #228B22

CSS variables

:root {
  --verdant-canopy-glade-1: #228B22;
  --verdant-canopy-glade-2: #3CB371;
  --verdant-canopy-glade-3: #90EE90;
  --verdant-canopy-glade-4: #00FA9A;
  --verdant-canopy-glade-5: #ADFF2F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "verdant-canopy-glade": {
        1: "#228B22",
        2: "#3CB371",
        3: "#90EE90",
        4: "#00FA9A",
        5: "#ADFF2F",
      }
    }
  }
}

Related searches

vibrant green color paletterainforest inspired designenergetic nature colorsneon green accent palettelush green UI design

Palette colors

Hex values

Color 1#228B22
·
Color 2#3CB371
·
Color 3#90EE90
·
Color 4#00FA9A
·
Color 5#ADFF2F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
3.1:1AA18
3.2:1AA18
3.6:1AA18
2
1.6:1Fail
1.9:1Fail
1.9:1Fail
2.2:1Fail
3
3.1:1AA18
1.9:1Fail
1:1Fail
1.2:1Fail
4
3.2:1AA18
1.9:1Fail
1:1Fail
1.1:1Fail
5
3.6:1AA18
2.2:1Fail
1.2:1Fail
1.1:1Fail

Similar palettes

More like Verdant Canopy Glade

View all vibrant
Rainforest Emerald Glade
Tropical Canopy Vista
Emerald Canopy Glade
Emerald Glade Lush
Enchanted Forest Canopy
Jungle Canopy Splash