Palette

Monsoon Canopy Drip

Deep, saturated greens and cool teals, capturing the lush, serene atmosphere of a rainforest during a gentle monsoon.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Monsoon Canopy Drip 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 Canopy Drip.

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

Data visualization

#2C4F4E#4E7C7A#7CA8A6#A8D1CE#3E6A69

Palette guide

How to use Monsoon Canopy Drip

Overview

The "Monsoon Canopy Drip" palette captures the lush, serene atmosphere of a rainforest during a gentle monsoon, with deep, saturated greens and cool teals. It features grounding shades like #2C4F4E and #3E6A69, which evoke the dense canopy, transitioning to lighter, misty tones such as #4E7C7A and #7CA8A6, and culminating in the ethereal #A8D1CE. This palette is ideal for designs seeking to convey tranquility, natural depth, and a sense of peaceful enclosure. Designers can leverage it for eco-conscious brands, nature-themed apps, or sophisticated, calming digital interfaces. Developers will find these hex codes excellent for creating immersive backgrounds, subtle UI elements, and a cohesive, serene user experience.

Best used for

Rainforest conservation initiatives and eco-tourism
Spa and relaxation applications
Botanical art and nature documentary branding
Sustainable product packaging with an earthy, cool feel
Meditation and mindfulness platforms
Sophisticated, minimalist web designs

Suggested color roles

primary

#2C4F4E - A deep, forest-like teal-green, ideal for main backgrounds, headers, or strong structural elements, symbolizing depth and growth.

secondary

#3E6A69 - A slightly lighter, rich teal-green, excellent for secondary content blocks, navigation, or supportive graphic elements.

accent

#7CA8A6 - A muted, misty teal, perfect for subtle highlights, interactive states, or decorative elements that blend seamlessly.

background

#A8D1CE - A soft, light teal, providing an airy and serene canvas that allows darker tones to feel grounded and natural.

text

#2C4F4E - A deep, legible teal-green for primary body text against light backgrounds like #A8D1CE, ensuring natural readability. A dark gray or black can also be used.

Accessibility notes

#2C4F4E on #A8D1CE offers good contrast for primary text.
Avoid using #7CA8A6 as text on #A8D1CE backgrounds due to insufficient contrast.
Ensure interactive elements have clear visual states, perhaps using a slightly darker shade for hover/focus.
Contrast ratios should be checked, especially when using #4E7C7A for text on #7CA8A7.

Recommended combinations

Canopy Depths

A strong, deep base with a light, airy background and a supportive mid-tone for UI.

#2C4F4E · #A8D1CE · #3E6A69

Misty Layers

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

#3E6A69 · #4E7C7A · #7CA8A6

Serene Highlight

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

#2C4F4E · #7CA8A6 · #A8D1CE

CSS variables

:root {
  --monsoon-canopy-drip-1: #2C4F4E;
  --monsoon-canopy-drip-2: #4E7C7A;
  --monsoon-canopy-drip-3: #7CA8A6;
  --monsoon-canopy-drip-4: #A8D1CE;
  --monsoon-canopy-drip-5: #3E6A69;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "monsoon-canopy-drip": {
        1: "#2C4F4E",
        2: "#4E7C7A",
        3: "#7CA8A6",
        4: "#A8D1CE",
        5: "#3E6A69",
      }
    }
  }
}

Hex values

Color 1#2C4F4E

Color 2#4E7C7A

Color 3#7CA8A6

Color 4#A8D1CE

Color 5#3E6A69

Accessibility

Contrast checker

1.9:1Fail

3.4:1AA18

5.4:1AA

1.5:1Fail

1.9:1Fail

1.8:1Fail

2.8:1Fail

1.3:1Fail

3.4:1AA18

1.8:1Fail

1.6:1Fail

2.3:1Fail

5.4:1AA

2.8:1Fail

1.6:1Fail

3.7:1AA18

1.5:1Fail

1.3:1Fail

2.3:1Fail

3.7:1AA18

Similar palettes

More like Monsoon Canopy Drip

View all cool

Frosty Winter Glade

Mediterranean Coast Breeze