Palette

Monsoon Jungle Rains

A lush and refreshing palette of deep and vibrant greens, capturing the verdant explosion after a tropical monsoon.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Monsoon Jungle Rains 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 Jungle Rains.

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

Data visualization

#004D00#008000#3CB371#66CDAA#8FBC8F

Palette guide

How to use Monsoon Jungle Rains

Overview

The Monsoon Jungle Rains palette is a vibrant and refreshing collection of greens, perfectly capturing the lushness of a tropical jungle after a downpour. From the deep #004D00 to the lively #66CDAA, this palette offers a dynamic range for designers. The true green of #008000 and the refreshing #3CB371 provide ample opportunity for creating energetic and organic designs. Developers will find these hex codes invaluable for building engaging interfaces for environmental campaigns, outdoor adventure brands, or any project that aims to convey vitality and natural growth. It’s an uplifting palette that radiates freshness and a zest for life.

Best used for

Environmental conservation websites
Fresh produce and organic food branding
Outdoor adventure and travel companies
Children's educational apps (nature-themed)
Lively digital art and illustrations
Wellness and health-focused platforms

Suggested color roles

primary

Use #004D00 as the foundational, deep green for branding, main navigation, or strong headers, providing stability.

secondary

Apply #008000 for key content areas, illustrations, or as a vibrant accent, representing growth and energy.

accent

Highlight interactive elements, calls-to-action, or key information with #66CDAA, offering a bright, refreshing pop.

background

The soft #8FBC8F makes an excellent, airy background, allowing darker elements to stand out while maintaining a natural feel.

text

For dark text on light backgrounds, #004D00 or #008000 are highly readable. For light text on darks, white or a near-white works best.

Accessibility notes

White text on #004D00 or #008000 provides excellent contrast, ensuring high readability for body copy.
Ensure #008000 has sufficient contrast when used as text on #3CB371 or #66CDAA, especially for smaller fonts.
Avoid using #66CDAA as text on #8FBC8F due to low contrast; reserve it for larger headings or accents.
For critical alerts, consider using a high-contrast color outside the palette to ensure immediate visibility.

Recommended combinations

Deep Growth

Creates a strong, vibrant progression from deep forest to lush greenery for main sections.

#004D00 · #008000 · #3CB371

Fresh Canopy

Ideal for lighter, refreshing sections, accents, or to evoke a misty, light-filled atmosphere.

#3CB371 · #66CDAA · #8FBC8F

Rain-Kissed Contrast

Combines deep grounding with a vibrant accent and a soft, airy background for dynamic visuals.

#004D00 · #66CDAA · #8FBC8F

CSS variables

:root {
  --monsoon-jungle-rains-1: #004D00;
  --monsoon-jungle-rains-2: #008000;
  --monsoon-jungle-rains-3: #3CB371;
  --monsoon-jungle-rains-4: #66CDAA;
  --monsoon-jungle-rains-5: #8FBC8F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "monsoon-jungle-rains": {
        1: "#004D00",
        2: "#008000",
        3: "#3CB371",
        4: "#66CDAA",
        5: "#8FBC8F",
      }
    }
  }
}

Hex values

Color 1#004D00

Color 2#008000

Color 3#3CB371

Color 4#66CDAA

Color 5#8FBC8F

Accessibility

Contrast checker

2:1Fail

3.8:1AA18

5.3:1AA

4.7:1AA

2:1Fail

1.9:1Fail

2.7:1Fail

2.4:1Fail

3.8:1AA18

1.9:1Fail

1.4:1Fail

1.2:1Fail

5.3:1AA

2.7:1Fail

1.4:1Fail

1.1:1Fail

4.7:1AA

2.4:1Fail

1.2:1Fail

1.1:1Fail

Similar palettes

More like Monsoon Jungle Rains

View all earth

Desert Oasis Bloom

Emerald Canopy Shroud

Emerald Canyon Echo

Forest Canopy Light

Jungle Canopy Emerald

Jungle Canopy Glint