Back to palettes

Palette

Jade Forest Canopy

A lush canopy of dense forest, teeming with various shades of emerald and lime green.

EarthNatural5 colors
More Earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Jade Forest 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 Jade Forest Canopy.

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

Data visualization

#2E8B57#6B8E23#ADFF2F#D0F0C0#8FBC8F

Palette guide

How to use Jade Forest Canopy

Overview

The Jade Forest Canopy palette evokes a lush, vibrant forest teeming with various shades of emerald and lime green. This collection, featuring the deep forest green of #2E8B57 and the unique olive hue of #6B8E23, is brought to life by the energetic, almost neon, lime of #ADFF2F. Softened by the gentle sage of #8FBC8F and the airy lightness of #D0F0C0, it offers a dynamic yet natural aesthetic. Ideal for projects aiming to convey vitality, freshness, and organic growth, this palette balances grounding earth tones with playful, bright accents, creating an engaging and lively visual experience.

Best used for

  • Eco-friendly product packaging and branding
  • Outdoor adventure and recreation websites
  • Healthy food and beverage marketing
  • Children's educational apps or content
  • Garden design and landscape architecture visuals
  • Spring/summer fashion collections

Suggested color roles

primary

A solid, grounding forest green (#2E8B57), perfect for main structural elements, headings, or brand identity.

secondary

Offers a distinct, earthy olive tone (#6B8E23), great for subheadings, sidebars, or complementary content blocks.

accent

A highly energetic lime green (#ADFF2F), ideal for call-to-action buttons, interactive elements, or vibrant illustrations.

background

A very light, airy green (#D0F0C0) that provides a fresh and clean canvas for content.

text

Use #2E8B57 or a dark charcoal for body text on light backgrounds. Consider #D0F0C0 for text on darker elements.

Accessibility notes

  • #ADFF2F has very high luminosity; use it sparingly for text and ensure sufficient contrast, especially against light backgrounds.
  • #2E8B57 and #6B8E23 offer good contrast for text on #D0F0C0 and #8FBC8F.
  • Avoid #D0F0C0 text on #8FBC8F or vice versa due to insufficient contrast.
  • Ensure interactive elements using #ADFF2F have a discernible hover state for accessibility.

Recommended combinations

Vibrant Growth

Dynamic and fresh, excellent for highlighting new features or energetic campaigns.

#2E8B57 · #ADFF2F · #D0F0C0

Earthy Balance

Creates a natural, grounded feel, suitable for organic product lines or environmental themes.

#6B8E23 · #8FBC8F · #2E8B57

Canopy Light

A light background with strong dark text and a vibrant accent, perfect for clean, engaging interfaces.

#D0F0C0 · #2E8B57 · #ADFF2F

CSS variables

:root {
  --jade-forest-canopy-2-1: #2E8B57;
  --jade-forest-canopy-2-2: #6B8E23;
  --jade-forest-canopy-2-3: #ADFF2F;
  --jade-forest-canopy-2-4: #D0F0C0;
  --jade-forest-canopy-2-5: #8FBC8F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "jade-forest-canopy-2": {
        1: "#2E8B57",
        2: "#6B8E23",
        3: "#ADFF2F",
        4: "#D0F0C0",
        5: "#8FBC8F",
      }
    }
  }
}

Related searches

lime green color paletteforest green and limenatural vibrant greensoutdoor adventure colorsfresh green color scheme

Palette colors

Hex values

Color 1#2E8B57
·
Color 2#6B8E23
·
Color 3#ADFF2F
·
Color 4#D0F0C0
·
Color 5#8FBC8F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
3.5:1AA18
3.4:1AA18
2:1Fail
2
1.1:1Fail
3.1:1AA18
3.1:1AA18
1.8:1Fail
3
3.5:1AA18
3.1:1AA18
1:1Fail
1.8:1Fail
4
3.4:1AA18
3.1:1AA18
1:1Fail
1.7:1Fail
5
2:1Fail
1.8:1Fail
1.8:1Fail
1.7:1Fail

Similar palettes

More like Jade Forest Canopy

View all Earth
Enchanted Forest Dell
Forest Whisper
Ancient Forest Roots
Deep Woods
Enchanted Forest Canopy
Enchanted Forest Canopy