Palette

Monsoon Rainforest Flora

Deep, lush greens evoking the dense and vibrant canopy of a tropical rainforest.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Monsoon Rainforest Flora 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 Monsoon Rainforest Flora.

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

Data visualization

#003300#228B22#3CB371#66CDAA#8FBC8F

Palette guide

How to use Monsoon Rainforest Flora

Overview

The Monsoon Rainforest Flora palette captures the dense, vibrant canopy of a tropical rainforest, rich with life and humidity. This collection features deep, lush greens like the foundational #003300 and the classic #228B22, perfect for conveying natural depth and organic growth. The brighter #3CB371 and #66CDAA, along with the softer #8FBC8F, provide a spectrum of verdant hues that can add freshness and vitality. Designers and developers will find this palette excellent for projects requiring an authentic, grounding, and deeply natural aesthetic that celebrates flora.

Best used for

Wellness and organic food branding
Botanical illustration and art
Outdoor apparel and gear design
Natural cosmetics packaging
Eco-tourism marketing materials
Environmental education platforms

Suggested color roles

primary

Utilize #003300 as a commanding primary color for foundational elements, headers, or strong brand presence, embodying deep earthiness.

secondary

Apply #228B22 for supporting content, sub-sections, or as a rich background for textural elements, adding depth and organic feel.

accent

Employ #66CDAA as a vibrant accent for calls-to-action, highlights, or illustrative details, bringing a fresh, lively pop.

background

Use #8FBC8F as a soft, muted green background, providing a natural, airy canvas that is still conducive to readability with dark text.

text

For optimal readability on lighter backgrounds, use #003300 or a deep charcoal. On darker greens, ensure white or a very light off-white text is used.

Accessibility notes

Ensure sufficient contrast when using dark text on #8FBC8F; #003300 or black are good choices.
For #003300 and #228B22, always use light-colored text (e.g., white or a pale yellow) to meet WCAG contrast guidelines.
Avoid placing #3CB371 or #66CDAA text on other mid-tone greens without careful contrast checking.
Consider providing a toggle for high-contrast mode if the palette's softer combinations are used extensively.

Recommended combinations

Canopy Greens

Creates a rich, layered forest canopy effect, perfect for immersive backgrounds or thematic sections requiring depth.

#003300 · #228B22 · #3CB371

Fresh Bloom

Highlights the vitality of the rainforest with a bright accent against supportive lighter greens, ideal for callouts or fresh elements.

#66CDAA · #8FBC8F · #228B22

Tropical Hues

Offers a vibrant and contrasting blend, suitable for designs that need clear distinctions and a lively, tropical feel.

#3CB371 · #003300 · #66CDAA

CSS variables

:root {
  --monsoon-rainforest-flora-1: #003300;
  --monsoon-rainforest-flora-2: #228B22;
  --monsoon-rainforest-flora-3: #3CB371;
  --monsoon-rainforest-flora-4: #66CDAA;
  --monsoon-rainforest-flora-5: #8FBC8F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "monsoon-rainforest-flora": {
        1: "#003300",
        2: "#228B22",
        3: "#3CB371",
        4: "#66CDAA",
        5: "#8FBC8F",
      }
    }
  }
}

Hex values

Color 1#003300

Color 2#228B22

Color 3#3CB371

Color 4#66CDAA

Color 5#8FBC8F

Accessibility

Contrast checker

3.2:1AA18

5.3:1AA

7.4:1AAA

6.6:1AA

3.2:1AA18

1.6:1Fail

2.3:1Fail

2:1Fail

5.3:1AA

1.6:1Fail

1.4:1Fail

1.2:1Fail

7.4:1AAA

2.3:1Fail

1.4:1Fail

1.1:1Fail

6.6:1AA

2:1Fail

1.2:1Fail

1.1:1Fail

Similar palettes

More like Monsoon Rainforest Flora

View all earth

Canopy Emerald Burst

Monsoon Jungle Mist

Monsoon Rainforest Mist

Tropic Canopy Glade

Ancient Jade Temple

Botanical Bloom Line