Back to palettes

Palette

Monsoon Jungle Mist

Lush greens and cool tones reflect the dense, vibrant foliage and misty atmosphere of a tropical jungle.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1A3E2D#3C6C52#6EA183#B1D1BB#D6E5D3

Palette guide

How to use Monsoon Jungle Mist

Overview

The Monsoon Jungle Mist palette (v2) offers a refreshing gradient of lush greens, ranging from the deep, grounding #1A3E2D to the ethereal #D6E5D3. This collection vividly captures the dense foliage and humid atmosphere of a tropical jungle, making it perfect for designs that aim to feel organic, serene, and vibrant. With mid-tones like #3C6C52 and #6EA183, designers have ample choices for layering and creating depth. Developers can utilize these hex codes to build clean, breathable interfaces for eco-conscious brands or tranquil digital experiences, ensuring excellent visual harmony and a natural aesthetic across all elements. It's a versatile palette for bringing nature's tranquility into digital spaces.

Best used for

  • Environmental organization websites
  • Wellness and meditation mobile apps
  • Organic food and beverage branding
  • Travel blogs focusing on rainforests
  • Nature documentary visual identity
  • Serene digital art and illustration

Suggested color roles

primary

Set #1A3E2D as the dominant color for robust branding, main navigation, or impactful headings.

secondary

Use #3C6C52 for supporting content, background sections, or illustrations that require a rich, mid-level green.

accent

Apply #6EA183 for interactive elements, calls-to-action, or subtle highlights, providing a gentle focal point.

background

The lightest #D6E5D3 creates a clean, airy background that allows darker text and elements to stand out beautifully.

text

For dark text on light backgrounds, #1A3E2D or #3C6C52 provides excellent readability. For light text on darks, #D6E5D3 works well.

Accessibility notes

  • The combination of #1A3E2D text on #D6E5D3 background offers excellent contrast for body text readability.
  • Ensure #3C6C52 has sufficient contrast when used as text on #B1D1BB, especially for smaller font sizes.
  • Avoid using #B1D1BB or #6EA183 as text on #D6E5D3 due to very low contrast, which can hinder readability.
  • For headings or larger text, #6EA183 can provide a pleasant, soft contrast against #D6E5D3.

Recommended combinations

Deep Jungle Core

Creates a strong, verdant hierarchy from dark to mid-tone for main content areas.

#1A3E2D · #3C6C52 · #6EA183

Misty Light

Ideal for light, airy sections, backgrounds, or subtle accents with a touch of color.

#D6E5D3 · #B1D1BB · #6EA183

Rainforest Gradient

Showcases the full range for visual depth, such as hero sections or large graphics.

#1A3E2D · #6EA183 · #D6E5D3

CSS variables

:root {
  --monsoon-jungle-mist-2-1: #1A3E2D;
  --monsoon-jungle-mist-2-2: #3C6C52;
  --monsoon-jungle-mist-2-3: #6EA183;
  --monsoon-jungle-mist-2-4: #B1D1BB;
  --monsoon-jungle-mist-2-5: #D6E5D3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "monsoon-jungle-mist-2": {
        1: "#1A3E2D",
        2: "#3C6C52",
        3: "#6EA183",
        4: "#B1D1BB",
        5: "#D6E5D3",
      }
    }
  }
}

Related searches

jungle green palettemisty forest colorsnatural light greentropical rainforest designserene green theme

Palette colors

Hex values

Color 1#1A3E2D
·
Color 2#3C6C52
·
Color 3#6EA183
·
Color 4#B1D1BB
·
Color 5#D6E5D3
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
4:1AA18
7.2:1AAA
9:1AAA
2
2:1Fail
2:1Fail
3.7:1AA18
4.6:1AA
3
4:1AA18
2:1Fail
1.8:1Fail
2.3:1Fail
4
7.2:1AAA
3.7:1AA18
1.8:1Fail
1.3:1Fail
5
9:1AAA
4.6:1AA
2.3:1Fail
1.3:1Fail

Similar palettes

More like Monsoon Jungle Mist

View all earth
Monsoon Jungle Mist
Emerald Canopy Shroud
Monsoon Jungle Verdant
Monsoon Rainforest Mist
Rainforest Bloom Shadow
Rainforest Canopy Light