Palette

Jade Bloom Canopy

Rich greens reminiscent of ancient jade and vibrant foliage, capturing the depth of a forest canopy.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1E3224#3A5E3F#6B8E23#9ACD32#ADFF2F

Palette guide

How to use Jade Bloom Canopy

Overview

The "Jade Bloom Canopy" palette is a lush collection of greens, capturing the profound depth and vibrant life of a dense forest. It transitions from the deep, mysterious #1E3224 (Dark Forest Green) and rich #3A5E3F to the more lively, earthy tones of #6B8E23 (Olive Drab) and #9ACD32 (Yellow Green). The brightest shade, #ADFF2F (Green Yellow), evokes fresh growth and sunlight. This palette is ideal for designers and developers seeking to convey natural elegance, organic growth, and a connection to nature. It's perfect for environmental branding, botanical designs, or user interfaces that require a calming yet vibrant earthy aesthetic.

Best used for

Eco-friendly brand websites and packaging
Nature and wildlife photography platforms
Gardening and plant care apps
Outdoor adventure gear branding
Wellness and organic food industries
Botanical illustration and art

Suggested color roles

primary

#1E3224 (A deep, grounding shade for backgrounds, footers, or strong brand headers.)

secondary

#3A5E3F (A rich, versatile green for secondary content areas, navigation, or card backgrounds.)

accent

#ADFF2F (A bright, lively accent for calls-to-action, interactive elements, or fresh highlights.)

background

A light cream or very pale green can complement these greens. For a darker theme, use #1E3224.

text

White or a very light cream for optimal readability on darker greens. For lighter green backgrounds, use a dark charcoal or black.

Accessibility notes

Ensure white text has sufficient contrast on #1E3224 and #3A5E3F.
#9ACD32 and #ADFF2F will require dark text (e.g., black or dark charcoal) for readability compliance.
Avoid using #6B8E23 for small text on #9ACD32 backgrounds due to potential low contrast.
When using a range of greens, differentiate interactive elements clearly with sufficient contrast or additional visual cues.

Recommended combinations

Forest Depth

Creates a rich, layered forest effect, ideal for backgrounds or immersive digital experiences.

#1E3224 · #3A5E3F · #6B8E23

Fresh Growth

Highlights vibrant new growth, perfect for calls-to-action, fresh branding, or botanical themes.

#9ACD32 · #ADFF2F · #3A5E3F

Earthy Contrast

A dynamic trio for strong visual hierarchy and impactful branding, showcasing depth and vibrancy.

#1E3224 · #ADFF2F · #6B8E23

CSS variables

:root {
  --jade-bloom-canopy-1: #1E3224;
  --jade-bloom-canopy-2: #3A5E3F;
  --jade-bloom-canopy-3: #6B8E23;
  --jade-bloom-canopy-4: #9ACD32;
  --jade-bloom-canopy-5: #ADFF2F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "jade-bloom-canopy": {
        1: "#1E3224",
        2: "#3A5E3F",
        3: "#6B8E23",
        4: "#9ACD32",
        5: "#ADFF2F",
      }
    }
  }
}

Hex values

Color 1#1E3224

Color 2#3A5E3F

Color 3#6B8E23

Color 4#9ACD32

Color 5#ADFF2F

Accessibility

Contrast checker

1.9:1Fail

3.6:1AA18

7.3:1AAA

11.1:1AAA

1.9:1Fail

3.9:1AA18

6:1AA

3.6:1AA18

1.9:1Fail

2:1Fail

3.1:1AA18

7.3:1AAA

3.9:1AA18

2:1Fail

1.5:1Fail

11.1:1AAA

6:1AA

3.1:1AA18

1.5:1Fail

Similar palettes

More like Jade Bloom Canopy

Jade Bloom Canopy

See it in context.

Ready when you are.

Built with Jade Bloom Canopy.

How to use Jade Bloom Canopy

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Forest Depth

Fresh Growth

Earthy Contrast

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Jade Bloom Canopy