Back to palettes

Palette

Rainforest Floor Canopy

Dense greens and deep earth tones reflecting the moist, teeming life of a rainforest undergrowth.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2F4F4F#556B2F#4CAF50#6B8E23#3CB371

Palette guide

How to use Rainforest Floor Canopy

Overview

The "Rainforest Floor Canopy" palette beautifully blends the deep, earthy tones of the forest floor with the vibrant greens of the overhead canopy. Featuring a rich slate gray #2F4F4F, an organic olive #556B2F, a bright lime #4CAF50, and fresh greens like #6B8E23 and #3CB371, this palette is ideal for capturing a natural, organic, and slightly rustic feel. It offers excellent versatility for designs that aim to evoke growth, moisture, and the complex ecosystem of a rainforest, perfect for both digital and print applications seeking an authentic, grounded aesthetic.

Best used for

  • Outdoor gear and adventure brands
  • Sustainable building materials marketing
  • Garden and landscaping services
  • Eco-tourism websites
  • Craft breweries with natural themes
  • Nature-inspired interior design

Suggested color roles

primary

Use #2F4F4F as a deep, grounding base color for main headers, footers, or strong brand presence elements.

secondary

Apply #556B2F as an earthy supporting color for navigation, subheadings, and textural content elements.

accent

Utilize #4CAF50 as a bright, fresh highlight for calls-to-action, interactive elements, or key information.

background

Consider #6B8E23 for a muted green theme background, or pair with a very light cream/off-white for content areas.

text

For dark backgrounds, white text ensures readability. On light backgrounds, #2F4F4F or a dark charcoal provides excellent contrast.

Accessibility notes

  • Ensure #4CAF50 and #3CB371 have sufficient contrast when used for text on lighter backgrounds.
  • The dark #2F4F4F offers excellent contrast for white or light gray text, suitable for headers.
  • Be mindful of using #556B2F for small text, as its muted tone may reduce readability on some backgrounds.
  • Always check WCAG AA compliance for all text and interactive elements to ensure accessibility.

Recommended combinations

Earthy Foundation

Strong, dark base with a muted green and a vibrant, fresh accent for a balanced, organic feel.

#2F4F4F · #556B2F · #4CAF50

Canopy Brights

Fresh, lively greens for a vibrant and energetic feel, perfect for highlighting natural elements.

#4CAF50 · #3CB371 · #6B8E23

Mossy Depths

Muted olive with a deep gray anchor and a refreshing green accent for a grounded, natural design.

#556B2F · #2F4F4F · #3CB371

CSS variables

:root {
  --rainforest-floor-canopy-1: #2F4F4F;
  --rainforest-floor-canopy-2: #556B2F;
  --rainforest-floor-canopy-3: #4CAF50;
  --rainforest-floor-canopy-4: #6B8E23;
  --rainforest-floor-canopy-5: #3CB371;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rainforest-floor-canopy": {
        1: "#2F4F4F",
        2: "#556B2F",
        3: "#4CAF50",
        4: "#6B8E23",
        5: "#3CB371",
      }
    }
  }
}

Related searches

rainforest floor color paletteearthy green web designmossy forest colorsnatural outdoor brandingorganic green color scheme

Palette colors

Hex values

Color 1#2F4F4F
·
Color 2#556B2F
·
Color 3#4CAF50
·
Color 4#6B8E23
·
Color 5#3CB371
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
3.2:1AA18
2.3:1Fail
3.3:1AA18
2
1.5:1Fail
2.1:1Fail
1.6:1Fail
2.2:1Fail
3
3.2:1AA18
2.1:1Fail
1.4:1Fail
1:1Fail
4
2.3:1Fail
1.6:1Fail
1.4:1Fail
1.4:1Fail
5
3.3:1AA18
2.2:1Fail
1:1Fail
1.4:1Fail

Similar palettes

More like Rainforest Floor Canopy

View all earth