Palette

Monsoon Forest Wash

Rich, deep greens and muted greys evoke the dense, damp atmosphere of a rainforest during a refreshing monsoon downpour.

coolnatural5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Monsoon Forest Wash 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 Forest Wash.

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

Data visualization

#3A4C40#627E6A#70887A#4F6662#2B3D36

Palette guide

How to use Monsoon Forest Wash

Overview

The Monsoon Forest Wash palette offers a calming blend of muted greens and sophisticated greys, perfect for evoking a damp, misty rainforest atmosphere. With core colors like #3A4C40 and #4F6662, this palette provides a natural, understated elegance. The lighter #627E6A and #70887A introduce a subtle visual lift, while #2B3D36 grounds the scheme with a deep, earthy base. This collection is highly versatile for designers aiming for a serene yet refined aesthetic, and developers can implement these hex codes to create harmonious and breathable interfaces that feel organic and inviting. It's an excellent choice for projects focused on sustainability, tranquility, or natural beauty.

Best used for

Eco-friendly product packaging
Natural skincare and wellness brands
Calming meditation app interfaces
Sustainable fashion websites
Nature photography portfolios
Editorial layouts with an organic feel

Suggested color roles

primary

Designate #3A4C40 as the main brand color for headings and key graphical elements, offering a grounded presence.

secondary

Utilize #4F6662 for supporting content blocks, sub-navigation, or subtle background variations, complementing the primary green-grey.

accent

Apply #70887A to interactive elements like buttons or links, providing a soft, approachable highlight.

background

Use #2B3D36 for deep, immersive backgrounds that create an atmospheric and sophisticated user experience.

text

For text on darker backgrounds, use #70887A or a crisp off-white. For text on lighter backgrounds, #3A4C40 offers excellent readability.

Accessibility notes

Ensure sufficient contrast for text when using #627E6A on #3A4C40; a lighter text color may be needed for small fonts.
The darkest color, #2B3D36, provides good contrast for lighter text, making it suitable for body text backgrounds.
Avoid using similar mid-tones like #627E6A and #70887A for text and background combinations due to potential low contrast.
Consider a distinctly brighter color outside the palette for critical alerts or error messages to ensure they stand out.

Recommended combinations

Misty Foundation

Creates a deep, stable base for content with subtle tonal variations.

#2B3D36 · #3A4C40 · #4F6662

Forest Canopy

Offers a gradient of lighter, more ethereal greens for softer sections or imagery overlays.

#3A4C40 · #627E6A · #70887A

Damp Earth Contrast

Provides strong contrast from the darkest tone to a soft, readable accent.

#2B3D36 · #4F6662 · #70887A

CSS variables

:root {
  --monsoon-forest-wash-1: #3A4C40;
  --monsoon-forest-wash-2: #627E6A;
  --monsoon-forest-wash-3: #70887A;
  --monsoon-forest-wash-4: #4F6662;
  --monsoon-forest-wash-5: #2B3D36;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "monsoon-forest-wash": {
        1: "#3A4C40",
        2: "#627E6A",
        3: "#70887A",
        4: "#4F6662",
        5: "#2B3D36",
      }
    }
  }
}

Hex values

Color 1#3A4C40

Color 2#627E6A

Color 3#70887A

Color 4#4F6662

Color 5#2B3D36

Accessibility

Contrast checker

2.1:1Fail

2.4:1Fail

1.5:1Fail

1.3:1Fail

2.1:1Fail

1.2:1Fail

1.4:1Fail

2.6:1Fail

2.4:1Fail

1.2:1Fail

1.6:1Fail

3:1AA18

1.5:1Fail

1.4:1Fail

1.6:1Fail

1.9:1Fail

1.3:1Fail

2.6:1Fail

3:1AA18

1.9:1Fail

Similar palettes

More like Monsoon Forest Wash

View all cool

Deep Mossy Glen

Emerald Grove Sanctuary