Back to palettes

Palette

Lush Rainforest Mist

Deep, rich greens and a touch of mist, capturing the dense, vibrant life of a rainforest.

vibrantnatural5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Lush Rainforest Mist 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 Lush Rainforest Mist.

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

Data visualization

#006400#2E8B57#3CB371#6B8E23#A9A9A9

Palette guide

How to use Lush Rainforest Mist

Overview

The Lush Rainforest Mist palette combines deep, humid greens with a unique misty grey, evoking the mysterious and tranquil atmosphere of a rainforest veiled in fog. From the profound `#006400` to the more vibrant `#3CB371` and `#6B8E23`, this collection is grounded by the serene `#A9A9A9`. This palette is ideal for designs aiming to convey depth, natural elegance, and a touch of enigmatic beauty. It offers a sophisticated blend of organic tones, perfect for creating immersive and contemplative experiences across various media, from digital interfaces to print materials.

Best used for

  • Spa and wellness retreat branding
  • Luxury eco-resorts and sustainable tourism
  • Mystical or fantasy-themed digital art
  • Environmental art and conservation projects
  • Sustainable fashion and organic product lines
  • Documentary film or photography websites

Suggested color roles

primary

Utilize `#006400` as a robust primary for headers, main branding, or foundational elements, conveying depth and natural authority.

secondary

Employ `#2E8B57` or `#3CB371` for supporting content, subheadings, or illustrations, providing a refreshing yet subtle contrast.

accent

Apply `#6B8E23` for subtle highlights, interactive elements, or decorative details, offering a gentle pop of organic vibrancy.

background

The misty `#A9A9A9` provides a sophisticated, neutral backdrop, allowing the greens to truly shine. Alternatively, a very light grey.

text

For body text, a deep charcoal or near-black ensures optimal readability. White or light grey text works effectively on the darker greens and `#A9A9A9`.

Accessibility notes

  • Ensure `#A9A9A9` provides sufficient contrast when used for text or interactive elements on various backgrounds.
  • Darker greens like `#006400` offer excellent contrast for white or light-colored text, enhancing readability.
  • Verify legibility of text and icons against the more muted greens and the grey to maintain accessibility.
  • Always use a contrast checker tool to ensure all color combinations meet WCAG contrast guidelines.

Recommended combinations

Deep Mist Base

Excellent for robust branding, sophisticated interfaces, or creating a grounded, elegant foundation with a touch of mystery.

#006400 · #2E8B57 · #A9A9A9

Misty Highlights

Ideal for softer sections, background elements, or subtle calls to action, maintaining the palette's serene and organic feel.

#3CB371 · #6B8E23 · #A9A9A9

Foggy Contrast

A powerful combination for clear text on a dark background or for establishing a strong yet contemplative visual statement.

#006400 · #A9A9A9 · #3CB371

CSS variables

:root {
  --lush-rainforest-mist-1: #006400;
  --lush-rainforest-mist-2: #2E8B57;
  --lush-rainforest-mist-3: #3CB371;
  --lush-rainforest-mist-4: #6B8E23;
  --lush-rainforest-mist-5: #A9A9A9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lush-rainforest-mist": {
        1: "#006400",
        2: "#2E8B57",
        3: "#3CB371",
        4: "#6B8E23",
        5: "#A9A9A9",
      }
    }
  }
}

Related searches

misty green paletterainforest grey greenhumid jungle colorsmystical green schemeearthy grey green combination

Palette colors

Hex values

Color 1#006400
·
Color 2#2E8B57
·
Color 3#3CB371
·
Color 4#6B8E23
·
Color 5#A9A9A9
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
2.8:1Fail
2:1Fail
3.2:1AA18
2
1.8:1Fail
1.6:1Fail
1.1:1Fail
1.8:1Fail
3
2.8:1Fail
1.6:1Fail
1.4:1Fail
1.1:1Fail
4
2:1Fail
1.1:1Fail
1.4:1Fail
1.6:1Fail
5
3.2:1AA18
1.8:1Fail
1.1:1Fail
1.6:1Fail

Similar palettes

More like Lush Rainforest Mist

View all vibrant
Emerald Canopy Glade
Jungle Dewdrop Shine
Lush Green Canopy
Lush Rainforest Glow
Lush Tropical Haven
Rainforest Bloom Canopy