Palette

Monsoon Rain Greens

Reflects the lush, vibrant greens and damp air after a tropical monsoon shower.

coolnatural5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Monsoon Rain Greens 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 Rain Greens.

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

Data visualization

#1D5C63#3C7073#679289#B2AD7B#DAFFED

Palette guide

How to use Monsoon Rain Greens

Overview

The Monsoon Rain Greens palette captures the lush, vibrant essence of a tropical landscape after a heavy downpour. Featuring cool, damp greens like the deep #1D5C63 and the refreshing #3C7073, it evokes a sense of renewal and natural vitality. Designers and developers will find this palette ideal for projects seeking an organic, fresh feel. The softer #679289 and earthy #B2AD7B offer versatility, while the airy #DAFFED provides a perfect light contrast, making it suitable for creating serene yet dynamic visual experiences. This collection of greens is perfect for conveying growth and tranquility.

Best used for

Eco-friendly brand identity
Wellness and spa environments
Nature-themed mobile applications
Sustainable product packaging
Tropical resort branding
Botanical garden website design

Suggested color roles

primary

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

secondary

Employ #3C7073 for supporting elements, subheadings, or secondary calls-to-action, offering a slightly lighter, harmonious balance.

accent

Apply #B2AD7B as a warm, earthy accent for interactive elements, highlights, or illustrations, providing a subtle contrast and warmth.

background

Utilize #DAFFED for clean, airy backgrounds, ensuring excellent readability and a fresh, expansive feel across interfaces.

text

Choose #1D5C63 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 #1D5C63 text on a #DAFFED background for optimal readability.
Avoid placing light text like on #DAFFED on mid-tones such as #679289 without checking WCAG contrast ratios.
Use #1D5C63 or #3C7073 for essential text elements to maximize visibility against lighter palette colors.
Consider a pure white or near-white text on #1D5C63 and #3C7073 for accessible body copy.

Recommended combinations

Fresh Contrast

Ideal for clean layouts where a dark, grounding color is needed against a very light background, with an earthy accent.

#DAFFED · #1D5C63 · #B2AD7B

Muted Harmony

Creates a soft, sophisticated blend, perfect for subtle branding or background gradients that require depth without harshness.

#679289 · #3C7073 · #1D5C63

Earthy Pop

Use for designs needing a light, airy base with a warm, natural accent and a supportive cool green, great for digital interfaces.

#DAFFED · #B2AD7B · #3C7073

CSS variables

:root {
  --monsoon-rain-greens-1: #1D5C63;
  --monsoon-rain-greens-2: #3C7073;
  --monsoon-rain-greens-3: #679289;
  --monsoon-rain-greens-4: #B2AD7B;
  --monsoon-rain-greens-5: #DAFFED;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "monsoon-rain-greens": {
        1: "#1D5C63",
        2: "#3C7073",
        3: "#679289",
        4: "#B2AD7B",
        5: "#DAFFED",
      }
    }
  }
}

Hex values

Color 1#1D5C63

Color 2#3C7073

Color 3#679289

Color 4#B2AD7B

Color 5#DAFFED

Accessibility

Contrast checker

1.4:1Fail

2.2:1Fail

3.3:1AA18

7.1:1AAA

1.4:1Fail

1.6:1Fail

2.4:1Fail

5.2:1AA

2.2:1Fail

1.6:1Fail

1.5:1Fail

3.2:1AA18

3.3:1AA18

2.4:1Fail

1.5:1Fail

2.1:1Fail

7.1:1AAA

5.2:1AA

3.2:1AA18

2.1:1Fail

Similar palettes

More like Monsoon Rain Greens

View all cool

Dewdrop Emerald Vine

Emerald Bamboo Sway

Emerald Grove Sanctuary

Emerald Peak Summit

Emerald River Stone

Spring Dewdrop Greens