Back to palettes

Palette

Rainy Forest Floor

Captures the damp, rich greens and deep earth tones of a forest floor after a refreshing rain shower.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Rainy Forest 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 Rainy Forest Floor.

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

Data visualization

#315c2d#427c3d#539c4d#64bc5d#75dc6d

Palette guide

How to use Rainy Forest Floor

Overview

The "Rainy Forest Floor" palette is a vibrant yet earthy collection of greens, perfectly capturing the lush, damp, and invigorating atmosphere of a forest after a refreshing rain shower. Ranging from the deep, grounding #315c2d to the bright, lively #75dc6d, this palette offers a harmonious progression of natural greens. The mid-tones like #427c3d and #539c4d provide excellent versatility for creating depth and visual interest, evoking healthy foliage and moss. This palette is ideal for projects focused on nature, sustainability, health, or any brand aiming for a fresh, organic, and revitalizing aesthetic.

Best used for

  • Eco-friendly and sustainable brand websites
  • Nature and outdoors-themed applications
  • Health and wellness product packaging
  • Organic food and beverage marketing
  • Environmental non-profit organizations
  • Gardening and landscaping services

Suggested color roles

primary

#315c2d serves as a deep, grounding primary color for headers, important calls to action, or main background elements, conveying natural solidity.

secondary

#427c3d or #539c4d are excellent for subheadings, informational blocks, or secondary UI elements, providing clear, natural hierarchy.

accent

#64bc5d can be used for lively accents, interactive elements, or graphic details, adding a fresh, energetic touch.

background

#75dc6d offers a bright, natural background that is vibrant yet gentle, ensuring good readability for darker text.

text

For light backgrounds like #75dc6d, use #315c2d for primary text. For darker backgrounds, #75dc6d or a soft white offers good contrast.

Accessibility notes

  • Ensure #315c2d text on #75dc6d background meets WCAG AA contrast standards.
  • Avoid using mid-tones like #539c4d or #64bc5d for small text on #75dc6d backgrounds due to potential low contrast.
  • All interactive elements should have sufficient contrast in their default and hover/active states against their backgrounds.
  • Consider using a darker green for body text on lighter green backgrounds for optimal readability.

Recommended combinations

Lush Contrast

Creates a vibrant, natural interface with deep green for primary, bright green for background/accents, and a medium green for secondary.

#315C2D · #75DC6D · #427C3D

Forest Gradient

Ideal for creating smooth, organic gradients in backgrounds, banners, or decorative elements, mimicking natural transitions.

#427C3D · #539C4D · #64BC5D

Earthy Fresh

A bright, fresh base with strong, deep headings and a medium green for supporting text or interactive elements.

#75DC6D · #315C2D · #539C4D

CSS variables

:root {
  --rainy-forest-floor-1: #315c2d;
  --rainy-forest-floor-2: #427c3d;
  --rainy-forest-floor-3: #539c4d;
  --rainy-forest-floor-4: #64bc5d;
  --rainy-forest-floor-5: #75dc6d;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rainy-forest-floor": {
        1: "#315c2d",
        2: "#427c3d",
        3: "#539c4d",
        4: "#64bc5d",
        5: "#75dc6d",
      }
    }
  }
}

Related searches

natural green color paletteearthy forest colorssustainable branding greensvibrant nature uiorganic fresh color scheme

Palette colors

Hex values

Color 1#315c2d
·
Color 2#427c3d
·
Color 3#539c4d
·
Color 4#64bc5d
·
Color 5#75dc6d
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.3:1Fail
3.3:1AA18
4.5:1AA
2
1.5:1Fail
1.5:1Fail
2.1:1Fail
2.9:1Fail
3
2.3:1Fail
1.5:1Fail
1.4:1Fail
2:1Fail
4
3.3:1AA18
2.1:1Fail
1.4:1Fail
1.4:1Fail
5
4.5:1AA
2.9:1Fail
2:1Fail
1.4:1Fail

Similar palettes

More like Rainy Forest Floor

View all earth
Ancient Mossy Stone
Forest Fern Canopy
Forest Floor Moss
Forest Fungi
Forest Moss Trail
Forest Undergrowth Blend