Back to palettes

Palette

Monsoon Rainforest Mist

Lush greens and cool tones evoking the vibrant, mist-filled atmosphere of a rainforest.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2E8B57#5D9B7B#8AC79B#B7E0BA#1F6C3F

Palette guide

How to use Monsoon Rainforest Mist

Overview

The Monsoon Rainforest Mist palette evokes the lush, vibrant, and atmospheric greens of a rainforest veiled in a gentle mist. Featuring cool, deep greens like the foundational #1F6C3F and the energetic #2E8B57, this palette is perfect for conveying freshness, growth, and serene mystery. The lighter, airy tones of #5D9B7B, #8AC79B, and #B7E0BA offer a beautiful gradient reminiscent of sunlight filtering through mist. Designers and developers will find this palette excellent for creating tranquil yet dynamic visual experiences that speak to nature's profound beauty and calm.

Best used for

  • Spa and wellness branding
  • Sustainable fashion collections
  • Eco-friendly product packaging
  • Outdoor adventure websites
  • Nature photography portfolios
  • Health and wellness mobile apps

Suggested color roles

primary

Utilize #1F6C3F as a deep, grounding primary color for headers, main navigation, or strong brand elements, providing a stable foundation.

secondary

Employ #2E8B57 for supporting elements, subheadings, or secondary calls-to-action, offering a vibrant, harmonious balance.

accent

Apply #B7E0BA as a light, airy accent for interactive elements, highlights, or illustrations, providing a fresh, misty contrast.

background

Use #8AC79B as a soft, ethereal background, creating a gentle, inviting canvas that enhances readability with darker text.

text

Choose #1F6C3F for primary text on light backgrounds to ensure high readability and maintain the palette's natural depth, or use a crisp white on darker tones.

Accessibility notes

  • Ensure sufficient contrast between dark text (e.g., #1F6C3F) on lighter backgrounds like #B7E0BA and #8AC79B.
  • For text on #1F6C3F or #2E8B57, use white or a very light off-white to meet WCAG contrast standards.
  • Avoid using #5D9B7B or #8AC79B for text on similar mid-tone backgrounds, as contrast may be insufficient.
  • Always test color combinations with a contrast checker, especially for smaller text or critical information.

Recommended combinations

Misty Depths

Creates a rich, layered effect, perfect for immersive backgrounds or thematic sections that convey natural depth and tranquility.

#1F6C3F · #2E8B57 · #5D9B7B

Fresh Canopy

Highlights the airy, fresh feel of the rainforest mist with light tones balanced by a vibrant green, ideal for callouts or clean interfaces.

#B7E0BA · #8AC79B · #2E8B57

Verdant Glow

Offers a balanced progression of greens, suitable for gradients or visual hierarchies that need clear distinction and a subtle glow.

#5D9B7B · #1F6C3F · #B7E0BA

CSS variables

:root {
  --monsoon-rainforest-mist-1: #2E8B57;
  --monsoon-rainforest-mist-2: #5D9B7B;
  --monsoon-rainforest-mist-3: #8AC79B;
  --monsoon-rainforest-mist-4: #B7E0BA;
  --monsoon-rainforest-mist-5: #1F6C3F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "monsoon-rainforest-mist": {
        1: "#2E8B57",
        2: "#5D9B7B",
        3: "#8AC79B",
        4: "#B7E0BA",
        5: "#1F6C3F",
      }
    }
  }
}

Related searches

rainforest mist palettelush green schememisty forest colorsfresh nature tonestropical green palette

Palette colors

Hex values

Color 1#2E8B57
·
Color 2#5D9B7B
·
Color 3#8AC79B
·
Color 4#B7E0BA
·
Color 5#1F6C3F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2.2:1Fail
2.9:1Fail
1.5:1Fail
2
1.3:1Fail
1.7:1Fail
2.2:1Fail
2:1Fail
3
2.2:1Fail
1.7:1Fail
1.3:1Fail
3.3:1AA18
4
2.9:1Fail
2.2:1Fail
1.3:1Fail
4.4:1AA18
5
1.5:1Fail
2:1Fail
3.3:1AA18
4.4:1AA18

Similar palettes

More like Monsoon Rainforest Mist

View all earth
Canopy Emerald Burst
Tropical Rainforest Mist
Emerald Canopy Mist
Emerald Canopy Shroud
Emerald Rainforest Mist
Jungle Canopy