Back to palettes

Palette

Tropical Mist Verdure

Deep greens blended with ethereal blues, evoking the humid, vibrant freshness of a rainforest after rain.

coolnatural5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Tropical Mist Verdure 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 Tropical Mist Verdure.

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

Data visualization

#006400#2E8B57#6B8E23#ADD8E6#87CEEB

Palette guide

How to use Tropical Mist Verdure

Overview

The "Tropical Mist Verdure" palette captures the serene yet vibrant essence of a rainforest after a refreshing downpour. This cool-toned collection features deep, grounding greens like #006400 (Dark Green) and #2E8B57 (Sea Green), complemented by the more muted olive tone of #6B8E23 (Olive Drab). Ethereal, misty blues such as #ADD8E6 (Light Blue) and #87CEEB (Sky Blue) introduce a sense of lightness and atmospheric depth. Designers can leverage this palette to create natural, calming, and sophisticated digital experiences. It’s perfect for projects aiming to convey environmental consciousness, tranquility, or organic freshness, offering a cohesive blend of lush nature and soft, diffused light.

Best used for

  • Nature-themed websites and apps
  • Eco-friendly brand identities
  • Wellness and spa marketing materials
  • Educational content on botany or climate
  • Serene interior design concepts
  • Packaging for organic products

Suggested color roles

primary

#006400 (Dark Green) – Use as a dominant brand color for headers, main calls-to-action, or large background sections where a strong, natural presence is desired.

secondary

#2E8B57 (Sea Green) – Excellent for subheadings, navigation elements, or secondary content blocks, providing a softer green that still conveys nature.

accent

#6B8E23 (Olive Drab) – A sophisticated accent for interactive elements, highlights, or illustrations, offering an earthy contrast.

background

#ADD8E6 (Light Blue) – Ideal for light backgrounds, providing a clean, airy canvas that evokes sky or mist without being stark white.

text

#006400 (Dark Green) or a dark charcoal – Use #006400 for headings against lighter backgrounds. For body text, ensure sufficient contrast with a very dark shade like #006400 or a near-black.

Accessibility notes

  • Ensure #006400 text has sufficient contrast against #ADD8E6 or #87CEEB backgrounds for readability.
  • Avoid placing #6B8E23 text directly on #006400 without checking contrast ratios.
  • Use #ADD8E6 or #87CEEB primarily as background or large UI elements, as they are too light for small text.
  • For interactive elements, ensure hover/focus states maintain high contrast against their background.

Recommended combinations

Forest Mist

Ideal for hero sections or banners, combining deep green with misty blues for a calming, expansive feel.

#006400 · #ADD8E6 · #87CEEB

Verdant Earth

Perfect for content blocks and infographics, emphasizing natural textures and growth with a range of greens.

#2E8B57 · #6B8E23 · #006400

Sky & Foliage

Create a refreshing and light interface, great for navigation or secondary informational panels.

#87CEEB · #2E8B57 · #ADD8E6

CSS variables

:root {
  --tropical-mist-verdure-1: #006400;
  --tropical-mist-verdure-2: #2E8B57;
  --tropical-mist-verdure-3: #6B8E23;
  --tropical-mist-verdure-4: #ADD8E6;
  --tropical-mist-verdure-5: #87CEEB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "tropical-mist-verdure": {
        1: "#006400",
        2: "#2E8B57",
        3: "#6B8E23",
        4: "#ADD8E6",
        5: "#87CEEB",
      }
    }
  }
}

Related searches

nature inspired color palettegreen and blue color schemeserene forest colorseco-friendly brand colorsnatural landscape palette

Palette colors

Hex values

Color 1#006400
·
Color 2#2E8B57
·
Color 3#6B8E23
·
Color 4#ADD8E6
·
Color 5#87CEEB
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
2:1Fail
4.9:1AA
4.3:1AA18
2
1.8:1Fail
1.1:1Fail
2.8:1Fail
2.4:1Fail
3
2:1Fail
1.1:1Fail
2.5:1Fail
2.2:1Fail
4
4.9:1AA
2.8:1Fail
2.5:1Fail
1.1:1Fail
5
4.3:1AA18
2.4:1Fail
2.2:1Fail
1.1:1Fail

Similar palettes

More like Tropical Mist Verdure

View all cool
Tropical Forest Canopy
Woodland Fern Glade
Coastal Seagrass Whisper
Dewdrop Emerald Vine
Emerald Bamboo Sway
Emerald Coastline Bloom