Back to palettes

Palette

Monsoon Bloom Mist

Evokes the lush, muted greens and foggy atmosphere of a forest after a gentle monsoon shower.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#3A5A40#588157#A3B18A#DAD7CD#344E41

Palette guide

How to use Monsoon Bloom Mist

Overview

The "Monsoon Bloom Mist" palette evokes the serene, muted greens and foggy atmosphere of a forest after a gentle monsoon shower. It features deep, grounding greens like #3A5A40 and #344E41, transitioning through the calming #588157, to the softer, almost mossy #A3B18A, and finally to the ethereal, near-white #DAD7CD. This palette is perfect for designs seeking to convey tranquility, natural elegance, and a sense of peaceful retreat. Designers can use it for wellness-focused brands, eco-conscious initiatives, or serene digital environments. Developers will find these hex codes excellent for creating harmonious backgrounds, subtle UI accents, and an overall calming user experience.

Best used for

  • Wellness, meditation, and mindfulness apps
  • Eco-friendly product packaging and branding
  • Nature photography websites and art blogs
  • Sustainable living and outdoor adventure content
  • Interior design concepts evoking natural serenity
  • Gentle educational content for children

Suggested color roles

primary

#344E41 - A deep, forest green, providing a stable and grounding presence for main backgrounds or strong brand elements.

secondary

#3A5A40 - A slightly lighter, rich green, excellent for secondary content blocks, navigation, or supportive visual elements.

accent

#A3B18A - A muted, natural green-beige, perfect for subtle highlights, interactive states, or decorative elements that blend seamlessly.

background

#DAD7CD - A soft, warm off-white, providing an airy and serene canvas that allows darker greens to feel natural and inviting.

text

#344E41 - A dark, legible green for primary body text against light backgrounds like #DAD7CD, ensuring natural readability. A dark brown or charcoal could also work.

Accessibility notes

  • #344E41 on #DAD7CD offers good contrast for primary text.
  • Avoid using #A3B18A as text on #DAD7CD backgrounds due to insufficient contrast.
  • Ensure interactive elements have clear visual states, perhaps using a bolder green for hover or focus.
  • For lighter greens as text (e.g., #588157), ensure they are on sufficiently dark backgrounds.

Recommended combinations

Forest Calm

A grounding dark green with a soft background and a gentle mid-tone for UI elements.

#344E41 · #DAD7CD · #588157

Misty Layers

Creating subtle depth and natural transitions in layered backgrounds or content cards.

#3A5A40 · #588157 · #A3B18A

Ethereal Highlight

Deep primary with a soft, almost hidden accent on a light, serene canvas.

#344E41 · #A3B18A · #DAD7CD

CSS variables

:root {
  --monsoon-bloom-mist-1: #3A5A40;
  --monsoon-bloom-mist-2: #588157;
  --monsoon-bloom-mist-3: #A3B18A;
  --monsoon-bloom-mist-4: #DAD7CD;
  --monsoon-bloom-mist-5: #344E41;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "monsoon-bloom-mist": {
        1: "#3A5A40",
        2: "#588157",
        3: "#A3B18A",
        4: "#DAD7CD",
        5: "#344E41",
      }
    }
  }
}

Related searches

muted green paletteforest mist colorscalm nature designearthy green brandingserene UI palette

Palette colors

Hex values

Color 1#3A5A40
·
Color 2#588157
·
Color 3#A3B18A
·
Color 4#DAD7CD
·
Color 5#344E41
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3.4:1AA18
5.4:1AA
1.2:1Fail
2
1.7:1Fail
2:1Fail
3.1:1AA18
2:1Fail
3
3.4:1AA18
2:1Fail
1.6:1Fail
4:1AA18
4
5.4:1AA
3.1:1AA18
1.6:1Fail
6.3:1AA
5
1.2:1Fail
2:1Fail
4:1AA18
6.3:1AA

Similar palettes

More like Monsoon Bloom Mist

View all earth
Forest Fern Canopy
Forest Floor Echo
Gentle Stream Pebbles
Lush Fern Canopy
Mossy Forest Path
Mossy River Bed