Back to palettes

Palette

Rainforest Bloom Canopy

Lush and lively greens inspired by the dense, vibrant canopy and blooming life of a thriving rainforest.

vibrantnatural5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#003300#006633#339966#66CC99#99FFCC

Palette guide

How to use Rainforest Bloom Canopy

Overview

The Rainforest Bloom Canopy palette offers a lush, vibrant journey through a gradient of verdant greens, inspired by the dense and thriving foliage of a rainforest. This deeply organic collection progresses from the rich, dark forest green of #003300, through the deep green of #006633, to the balanced medium green of #339966. It then brightens to the fresh emerald of #66CC99 and culminates in the airy, light mint of #99FFCC. Designers and developers can harness this monochromatic palette to create harmonious, natural, and growth-oriented digital experiences or branding that evokes tranquility, sustainability, and vitality.

Best used for

  • Environmental conservation initiatives
  • Organic food and health product branding
  • Wellness and holistic lifestyle platforms
  • Nature photography portfolios
  • Sustainable technology companies
  • Educational content about botany or ecology

Suggested color roles

primary

#003300 (Dark Forest Green) - A strong, grounding primary for main headers, foundational elements, or deep background sections.

secondary

#006633 (Deep Green) - Excellent for sub-headings, secondary calls-to-action, or to add depth and richness to content.

accent

#99FFCC (Light Mint) - Use sparingly for subtle highlights, interactive elements, or icons to add a fresh, airy touch.

background

#66CC99 (Emerald Green) or #99FFCC (Light Mint) - Either can serve as a calming background; #99FFCC provides a lighter, more ethereal canvas.

text

White or a very light grey like #99FFCC for readability on darker greens. For lighter green backgrounds like #99FFCC, #003300 or a dark charcoal works best.

Accessibility notes

  • Ensure sufficient contrast for text, especially when pairing mid-tones like #339966 with #66CC99.
  • Text on #003300 and #006633 should be white or a very light green like #99FFCC for optimal readability.
  • Avoid using #99FFCC for text on light backgrounds, as contrast will be poor.
  • Use distinct visual cues beyond color for interactive states, especially within this monochromatic range.

Recommended combinations

Canopy Depth

Creates a rich, layered green backdrop, ideal for immersive nature themes or deep content sections.

#003300 · #006633 · #339966

Fresh Growth

A lighter base with a vibrant secondary and a deep primary for text or strong accents, evoking freshness.

#66CC99 · #99FFCC · #003300

Lush Highlight

Medium green as primary, light mint as accent for highlights, with deep green for supporting elements.

#339966 · #99FFCC · #006633

CSS variables

:root {
  --rainforest-bloom-canopy-1: #003300;
  --rainforest-bloom-canopy-2: #006633;
  --rainforest-bloom-canopy-3: #339966;
  --rainforest-bloom-canopy-4: #66CC99;
  --rainforest-bloom-canopy-5: #99FFCC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rainforest-bloom-canopy": {
        1: "#003300",
        2: "#006633",
        3: "#339966",
        4: "#66CC99",
        5: "#99FFCC",
      }
    }
  }
}

Related searches

monochromatic green palettelush forest colorsnatural green web designrainforest canopy themesustainable brand greens

Palette colors

Hex values

Color 1#003300
·
Color 2#006633
·
Color 3#339966
·
Color 4#66CC99
·
Color 5#99FFCC
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
4:1AA18
7.2:1AAA
11.9:1AAA
2
2:1Fail
2:1Fail
3.6:1AA18
5.9:1AA
3
4:1AA18
2:1Fail
1.8:1Fail
3:1Fail
4
7.2:1AAA
3.6:1AA18
1.8:1Fail
1.6:1Fail
5
11.9:1AAA
5.9:1AA
3:1Fail
1.6:1Fail

Similar palettes

More like Rainforest Bloom Canopy

View all vibrant
Lush Rainforest Glow
Emerald Canopy Glade
Emerald Glade Lush
Enchanted Forest Canopy
Jungle Canopy Splash
Jungle Emerald Vines