Back to palettes

Palette

Verdant Rainforest Floor

Lush greens capturing the vibrant life of a dense rainforest floor, rich with mosses and exotic foliage.

EarthNatural5 colors
More Earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1B4332#2D6A4F#40916C#52B788#74C69D

Palette guide

How to use Verdant Rainforest Floor

Overview

The Verdant Rainforest Floor palette is a lush collection of vibrant greens, capturing the rich, thriving life of a dense tropical rainforest. This monochromatic-leaning scheme transitions beautifully from the deep, grounding #1B4332 to the bright, energetic #74C69D. Other prominent shades like #2D6A4F, #40916C, and #52B788 offer a smooth gradient, allowing for dynamic visual depth. Designers can harness this palette to evoke freshness, growth, and natural vitality, making it excellent for projects related to environmental conservation, tropical themes, health, or any brand aiming for a lively and organic feel.

Best used for

  • Environmental non-profit websites
  • Tropical travel agency branding
  • Health and wellness product packaging
  • Nature documentary graphics
  • Fresh food branding
  • Outdoor adventure gear design

Suggested color roles

primary

#1B4332 serves as a strong, deep anchor, ideal for main navigation, footers, or bold headings, representing stability.

secondary

#2D6A4F or #40916C can be used for secondary content blocks, large text, or supportive elements, maintaining a lush feel.

accent

#74C69D or #52B788 work wonderfully as bright accents for calls-to-action, interactive elements, or key highlights, conveying freshness.

background

#74C69D or a very light off-white can serve as a refreshing background, allowing darker greens to pop with clarity.

text

Use #1B4332 for primary text on light backgrounds, or a clean white for text on darker shades like #1B4332 or #2D6A4F.

Accessibility notes

  • #1B4332 text on a white or near-white background ensures excellent readability.
  • #74C69D or #52B788 on #1B4332 provides good contrast for headings or large text.
  • Avoid using #74C69D on #52B788 for small text due to insufficient contrast.
  • Ensure any lighter greens used as text against each other meet WCAG AA contrast ratios.

Recommended combinations

Jungle Depths

Creates a dynamic contrast for main sections, with a deep base and a vibrant highlight.

#1B4332 · #2D6A4F · #74C69D

Lush Canopy

Excellent for layered graphics, sub-sections, or designs needing a fresh, vibrant feel.

#40916C · #52B788 · #1B4332

Tropical Glow

Suitable for bright, airy designs, with lighter backgrounds and clear, readable mid-tone text.

#74C69D · #52B788 · #2D6A4F

CSS variables

:root {
  --verdant-rainforest-floor-1: #1B4332;
  --verdant-rainforest-floor-2: #2D6A4F;
  --verdant-rainforest-floor-3: #40916C;
  --verdant-rainforest-floor-4: #52B788;
  --verdant-rainforest-floor-5: #74C69D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "verdant-rainforest-floor": {
        1: "#1B4332",
        2: "#2D6A4F",
        3: "#40916C",
        4: "#52B788",
        5: "#74C69D",
      }
    }
  }
}

Related searches

lush green color palettevibrant rainforest colorstropical nature schemefresh green brandingenvironmental color design

Palette colors

Hex values

Color 1#1B4332
·
Color 2#2D6A4F
·
Color 3#40916C
·
Color 4#52B788
·
Color 5#74C69D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.9:1Fail
4.5:1AA18
5.4:1AA
2
1.7:1Fail
1.7:1Fail
2.6:1Fail
3.1:1AA18
3
2.9:1Fail
1.7:1Fail
1.5:1Fail
1.9:1Fail
4
4.5:1AA18
2.6:1Fail
1.5:1Fail
1.2:1Fail
5
5.4:1AA
3.1:1AA18
1.9:1Fail
1.2:1Fail

Similar palettes

More like Verdant Rainforest Floor

View all Earth