Back to palettes

Palette

Misty Rainforest Glow

Captures the serene, dewy atmosphere of a vibrant rainforest shrouded in gentle mist.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Misty Rainforest Glow 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 Misty Rainforest Glow.

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

Data visualization

#2F4F4F#3CB371#696969#778899#C1D0B7

Palette guide

How to use Misty Rainforest Glow

Overview

The Misty Rainforest Glow palette beautifully captures the serene, dewy atmosphere of a vibrant rainforest shrouded in gentle mist. This earthy collection features the deep #2F4F4F (Dark Slate Gray) and the lush #3CB371 (Medium Sea Green), balanced by the versatile #696969 (Dim Gray) and the expansive #778899 (Light Slate Gray). A soft, dewy highlight is provided by #C1D0B7 (Dark Sea Green). Designers and developers can leverage these tones to create designs that feel organic, tranquil, and deeply connected to nature. It's an excellent choice for brands emphasizing natural beauty, sustainability, and calm, vibrant growth.

Best used for

  • Ecotourism and travel agencies
  • Organic food and beverage branding
  • Wellness and retreat centers
  • Nature documentaries and educational content
  • Botanical gardens and conservatories
  • Sustainable fashion and lifestyle brands

Suggested color roles

primary

Use #2F4F4F as a deep, anchoring primary color for main headings, footers, or dominant graphical elements. It provides strong visual weight.

secondary

Employ #3CB371 for lush, vibrant accents, calls to action, or to highlight key information, reflecting rainforest vitality.

accent

Apply #C1D0B7 as a soft, dewy highlight for interactive elements, subtle illustrations, or to add an ethereal glow.

background

Utilize #778899 as a calm, expansive background color, evoking the mist. #696969 can be used for secondary background sections for subtle depth.

text

For optimal readability on lighter backgrounds, use #2F4F4F or a deep forest green. For darker backgrounds, white or a very light grey is recommended.

Accessibility notes

  • Ensure sufficient contrast when pairing #778899 or #C1D0B7 with lighter text; use dark text for optimal readability.
  • Test text readability of #696969 on backgrounds like #778899 to meet WCAG AA standards for small text.
  • Prioritize #2F4F4F for critical text on light backgrounds to ensure maximum legibility.
  • Be mindful of contrast when using #3CB371 as an accent on other greens or greys; ensure it stands out clearly.

Recommended combinations

Deep Rainforest

Creates a vibrant, natural contrast with a deep primary, lush accent, and soft, dewy highlight.

#2F4F4F · #3CB371 · #C1D0B7

Misty Canopy

Ideal for layered backgrounds and content blocks, offering depth with a vibrant accent against misty greys.

#778899 · #696969 · #3CB371

Verdant Calm

Provides a serene and natural feel. #C1D0B7 as a dominant background, #2F4F4F for key elements, and #778899 for secondary details.

#C1D0B7 · #2F4F4F · #778899

CSS variables

:root {
  --misty-rainforest-glow-1: #2F4F4F;
  --misty-rainforest-glow-2: #3CB371;
  --misty-rainforest-glow-3: #696969;
  --misty-rainforest-glow-4: #778899;
  --misty-rainforest-glow-5: #C1D0B7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "misty-rainforest-glow": {
        1: "#2F4F4F",
        2: "#3CB371",
        3: "#696969",
        4: "#778899",
        5: "#C1D0B7",
      }
    }
  }
}

Related searches

rainforest color schememisty green palettenatural eco colorscalm earth tonesvibrant forest

Palette colors

Hex values

Color 1#2F4F4F
·
Color 2#3CB371
·
Color 3#696969
·
Color 4#778899
·
Color 5#C1D0B7
·

Accessibility

Contrast checker

1
2
3
4
5
1
3.3:1AA18
1.6:1Fail
2.5:1Fail
5.5:1AA
2
3.3:1AA18
2.1:1Fail
1.4:1Fail
1.6:1Fail
3
1.6:1Fail
2.1:1Fail
1.5:1Fail
3.4:1AA18
4
2.5:1Fail
1.4:1Fail
1.5:1Fail
2.3:1Fail
5
5.5:1AA
1.6:1Fail
3.4:1AA18
2.3:1Fail

Similar palettes

More like Misty Rainforest Glow

View all earth
Meadowland Serenity
Bamboo Serene Path
Canopy Emerald Burst
Coastal Dune Breeze
Coastal Dune Grass
Deep Forest Emerald