Back to palettes

Palette

Lush Rainforest Floor

A verdant and dense palette capturing the vibrant, deep greens of a lush and thriving rainforest ecosystem.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#003300#228B22#3CB371#6B8E23#8FBC8F

Palette guide

How to use Lush Rainforest Floor

Overview

The Lush Rainforest Floor palette offers a rich, dense spectrum of greens, immersing designs in the vibrant depths of a thriving jungle. From the profound `#003300` to the lively `#8FBC8F`, this collection provides a harmonious gradient for creating natural, immersive experiences. The robust `#228B22`, the balanced `#3CB371`, and the earthy `#6B8E23` offer versatile mid-tones, allowing designers to build depth and visual interest. This palette is ideal for projects that aim to evoke growth, wild beauty, and the powerful, verdant essence of a rainforest ecosystem.

Best used for

  • Eco-tourism and adventure travel branding
  • Botanical garden and conservatory websites
  • Conservation and environmental non-profits
  • Organic product packaging with a natural feel
  • Educational content about rainforests and biodiversity
  • Nature-themed digital art and illustrations

Suggested color roles

primary

Utilize `#003300` or `#228B22` as a strong primary for foundational elements, headers, or main branding, conveying depth and natural authority.

secondary

Employ `#3CB371` or `#6B8E23` for supporting content blocks, subheadings, or illustrations, providing organic contrast and visual flow.

accent

Apply `#8FBC8F` for calls to action, interactive elements, or key highlights, offering a refreshing and noticeable pop.

background

A very light off-white or a subtle tint of `#8FBC8F` can create an open, airy backdrop, allowing the greens to stand out.

text

For body text, a deep charcoal or near-black ensures optimal readability. White or light grey text works exceptionally well on the darker greens.

Accessibility notes

  • Ensure sufficient contrast for text on lighter greens like `#8FBC8F` when paired with light backgrounds.
  • Darker shades such as `#003300` and `#228B22` provide excellent contrast for white or light-colored text.
  • Verify that interactive elements have clear visual states when using colors from this dense palette.
  • Always use a contrast checker to validate text and background color combinations against WCAG standards.

Recommended combinations

Deep Jungle Base

Excellent for robust branding, deep navigation, or impactful hero sections that demand a strong, natural presence.

#003300 · #228B22 · #3CB371

Verdant Layers

Ideal for creating softer content areas, subtle gradients, or highlighting features with a fresh, organic feel.

#6B8E23 · #8FBC8F · #228B22

Dynamic Contrast

A powerful pairing for high-contrast headlines or interactive elements, ensuring visibility and visual interest.

#003300 · #8FBC8F · #3CB371

CSS variables

:root {
  --lush-rainforest-floor-2-1: #003300;
  --lush-rainforest-floor-2-2: #228B22;
  --lush-rainforest-floor-2-3: #3CB371;
  --lush-rainforest-floor-2-4: #6B8E23;
  --lush-rainforest-floor-2-5: #8FBC8F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lush-rainforest-floor-2": {
        1: "#003300",
        2: "#228B22",
        3: "#3CB371",
        4: "#6B8E23",
        5: "#8FBC8F",
      }
    }
  }
}

Related searches

deep rainforest greenjungle color schemebotanical green palettevibrant forest colorseco green branding

Palette colors

Hex values

Color 1#003300
·
Color 2#228B22
·
Color 3#3CB371
·
Color 4#6B8E23
·
Color 5#8FBC8F
·

Accessibility

Contrast checker

1
2
3
4
5
1
3.2:1AA18
5.3:1AA
3.7:1AA18
6.6:1AA
2
3.2:1AA18
1.6:1Fail
1.2:1Fail
2:1Fail
3
5.3:1AA
1.6:1Fail
1.4:1Fail
1.2:1Fail
4
3.7:1AA18
1.2:1Fail
1.4:1Fail
1.8:1Fail
5
6.6:1AA
2:1Fail
1.2:1Fail
1.8:1Fail

Similar palettes

More like Lush Rainforest Floor

View all earth
Emerald Jungle Mystery
Emerald Moss Canopy
Jungle Ruin Embrace
Rainforest Canopy Drip
Rainforest Floor Canopy
Tropical Rainforest Floor