Back to palettes

Palette

Monsoon Jungle Mist

A deep, humid palette reflecting the dense foliage and mysterious atmosphere of a rainforest during monsoon season.

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

#2B453E#3A5C50#517A6C#729B8E#9EC4B5

Palette guide

How to use Monsoon Jungle Mist

Overview

The Monsoon Jungle Mist palette (original) immerses users in a deep, humid atmosphere with its cohesive range of cool, muted greens and teals. From the anchoring #2B453E to the ethereal #9EC4B5, this collection perfectly captures the mysterious mood of a rainforest. Mid-tones like #3A5C50 and #517A6C offer versatile options for depth and layering. Designers seeking a natural, sophisticated, and slightly subdued aesthetic will find this palette invaluable. Developers can implement these hex codes to create calming, breathable interfaces for eco-tourism, wellness apps, or any project aiming for a harmonious balance of nature and elegance. It's a superb choice for a truly immersive digital experience.

Best used for

  • Eco-tourism and adventure travel websites
  • Sustainable product packaging design
  • Calming meditation and mindfulness apps
  • Interior design mood boards (natural themes)
  • Nature photography display platforms
  • Educational content on biodiversity

Suggested color roles

primary

Use #2B453E as the main brand color, providing a deep, sophisticated, and grounding presence for headers and key elements.

secondary

Apply #3A5C50 for supportive content, subheadings, or secondary navigation, offering a slightly lighter, complementary tone.

accent

Designate #729B8E for interactive elements, subtle highlights, or calls-to-action, ensuring a gentle focal point.

background

The lightest #9EC4B5 serves as an excellent, airy background, allowing darker text and elements to stand out clearly.

text

For dark text on light backgrounds, #2B453E or #3A5C50 offer superb readability. For light text on darks, #9EC4B5 works well.

Accessibility notes

  • The contrast between #2B453E text and #9EC4B5 background is excellent for readability, suitable for body text.
  • Ensure #729B8E has sufficient contrast when used as text on #9EC4B5; it's generally best for larger headings or accents.
  • Avoid using #729B8E on #517A6C as a text/background pair due to potential low contrast, especially for small fonts.
  • For critical information, consider using the darkest color, #2B453E, on the lightest, #9EC4B5, for maximum impact.

Recommended combinations

Deep Jungle Layers

Creates a rich, layered effect for main content areas or deep graphical elements.

#2B453E · #3A5C50 · #517A6C

Misty Edge

Ideal for lighter sections, backgrounds, or subtle transitions, evoking a misty horizon.

#517A6C · #729B8E · #9EC4B5

Rainforest Contrast

Provides a strong visual anchor with a bright accent and a clean, light background.

#2B453E · #729B8E · #9EC4B5

CSS variables

:root {
  --monsoon-jungle-mist-1: #2B453E;
  --monsoon-jungle-mist-2: #3A5C50;
  --monsoon-jungle-mist-3: #517A6C;
  --monsoon-jungle-mist-4: #729B8E;
  --monsoon-jungle-mist-5: #9EC4B5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "monsoon-jungle-mist": {
        1: "#2B453E",
        2: "#3A5C50",
        3: "#517A6C",
        4: "#729B8E",
        5: "#9EC4B5",
      }
    }
  }
}

Related searches

humid green paletterainforest colorsmuted teal greensnatural serene designjungle mist UI

Palette colors

Hex values

Color 1#2B453E
·
Color 2#3A5C50
·
Color 3#517A6C
·
Color 4#729B8E
·
Color 5#9EC4B5
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.1:1Fail
3.4:1AA18
5.4:1AA
2
1.4:1Fail
1.5:1Fail
2.4:1Fail
3.9:1AA18
3
2.1:1Fail
1.5:1Fail
1.6:1Fail
2.5:1Fail
4
3.4:1AA18
2.4:1Fail
1.6:1Fail
1.6:1Fail
5
5.4:1AA
3.9:1AA18
2.5:1Fail
1.6:1Fail

Similar palettes

More like Monsoon Jungle Mist

View all earth
Monsoon Jungle Mist
Monsoon Rainforest Flora
Rainforest Mist Canopy
Tropical Rainforest Floor
Emerald Canopy Mist
Emerald Canopy Shroud