Back to palettes

Palette

Verdant Canopy Glade

Lush greens from the shadowy forest floor to sun-dappled leaves, touched by morning mist.

earthnatural5 colors
More earth 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

#0A360A#1B5E20#388E3C#66BB6A#AED581

Palette guide

How to use Verdant Canopy Glade

Overview

The Verdant Canopy Glade palette (version 2) is a refreshing collection, capturing the essence of a lively forest glade from shaded floor to sun-dappled leaves. It moves from a very deep, almost black-green #0A360A, through vibrant mid-tones like #1B5E20 and #388E3C, to the brighter, energetic #66BB6A and the fresh #AED581. This palette is ideal for designs that aim to convey vitality, growth, and natural freshness. Designers and developers can leverage these shades to create dynamic and engaging user interfaces, or for branding projects that emphasize nature, outdoor adventure, or lively ecological themes.

Best used for

  • Outdoor adventure brands
  • Environmental education platforms
  • Fresh produce or organic markets
  • Nature photography websites
  • Children's nature-themed apps
  • Eco-conscious product packaging

Suggested color roles

primary

A very deep, commanding green #0A360A, excellent for strong brand presence, primary navigation, or impactful headings.

secondary

A rich, vibrant forest green #1B5E20, suitable for subheadings, secondary calls to action, or significant informational blocks.

accent

A bright, lively lime-green #AED581, perfect for interactive elements, highlights, or graphical accents that need to pop with freshness.

background

A vibrant mid-tone green #66BB6A that can serve as a bold background for sections, or a lighter off-white/white could be used as a primary canvas.

text

For body text on a light background, use #0A360A or #1B5E20 for optimal readability. For headings, #388E3C provides good contrast and energy.

Accessibility notes

  • #0A360A and #1B5E20 offer excellent contrast for text on light backgrounds (e.g., white or very light grey).
  • #AED581 has limited contrast on very light backgrounds; use it for larger text, accents, or graphical elements rather than small body text.
  • Ensure interactive elements maintain sufficient contrast in all states.
  • Always check color pairings for text and UI components against WCAG AA standards.

Recommended combinations

Deep Forest Path

Use for strong branding, vibrant calls to action, or energetic, high-contrast layouts.

#0A360A · #1B5E20 · #AED581

Glade Sunshine

Ideal for lively sections, graphical elements, or illustrations that need a pop of fresh color.

#66BB6A · #AED581 · #388E3C

Earthy Energy

Good for structured content blocks, card backgrounds, or a more vibrant, yet natural, visual hierarchy.

#1B5E20 · #388E3C · #0A360A

CSS variables

:root {
  --verdant-canopy-glade-2-1: #0A360A;
  --verdant-canopy-glade-2-2: #1B5E20;
  --verdant-canopy-glade-2-3: #388E3C;
  --verdant-canopy-glade-2-4: #66BB6A;
  --verdant-canopy-glade-2-5: #AED581;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "verdant-canopy-glade-2": {
        1: "#0A360A",
        2: "#1B5E20",
        3: "#388E3C",
        4: "#66BB6A",
        5: "#AED581",
      }
    }
  }
}

Related searches

vibrant forest green palettefresh nature color schemeoutdoor adventure colorsecological design greenslively green branding

Palette colors

Hex values

Color 1#0A360A
·
Color 2#1B5E20
·
Color 3#388E3C
·
Color 4#66BB6A
·
Color 5#AED581
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3.3:1AA18
5.7:1AA
8.2:1AAA
2
1.7:1Fail
1.9:1Fail
3.3:1AA18
4.7:1AA
3
3.3:1AA18
1.9:1Fail
1.7:1Fail
2.5:1Fail
4
5.7:1AA
3.3:1AA18
1.7:1Fail
1.4:1Fail
5
8.2:1AAA
4.7:1AA
2.5:1Fail
1.4:1Fail

Similar palettes

More like Verdant Canopy Glade

View all earth
Emerald Forest Depths
Enchanted Glade Dew
Rainforest Canopy Light
Tropical Canopy Light
Verdant Canopy
Verdant Canopy Light