Palette

Lush Rainforest Floor

A harmonious blend of greens, from deep to light, inspired by a vibrant rainforest floor.

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

#14321A#3A6640#619966#8CC090#B8E6BB

Palette guide

How to use Lush Rainforest Floor

Overview

The Lush Rainforest Floor palette offers a tranquil and harmonious gradient of greens, mirroring the rich, layered environment of a rainforest floor. Ranging from the deep, grounding `#14321A` to the airy `#B8E6BB`, this collection provides a smooth transition across its shades. The balanced mid-tones, including `#3A6640`, `#619966`, and `#8CC090`, allow for versatile application, creating depth and visual interest without overwhelming. This palette is perfect for designs seeking to convey serenity, sustainability, and the gentle beauty of natural growth, suitable for both digital and print media.

Best used for

Wellness and meditation applications
Sustainable living and eco-friendly brands
Nature photography portfolios and galleries
Educational content on ecosystems
Calm and minimalist web interfaces
Spa and relaxation product branding

Suggested color roles

primary

Utilize `#14321A` as a stable primary for headers, main navigation, or foundational branding, establishing depth and trustworthiness.

secondary

Employ `#3A6640` or `#619966` for supporting content blocks, subheadings, or illustrations, providing a soft yet clear visual distinction.

accent

Apply `#8CC090` or `#B8E6BB` for delicate highlights, subtle calls to action, or decorative elements that need a gentle lift.

background

The lightest shade, `#B8E6BB`, or a very light off-white provides an open, airy backdrop, allowing other elements to breathe.

text

For body text, a deep charcoal or the primary color `#14321A` ensures excellent readability against lighter backgrounds. Avoid very light text on light greens.

Accessibility notes

Ensure sufficient contrast for text on lighter greens like `#8CC090` and `#B8E6BB` to meet WCAG standards.
Darker shades such as `#14321A` offer excellent contrast for white or light-colored text, especially for headings.
Verify icon and graphic visibility, particularly when using mid-tone greens against each other.
Always use a contrast checker to validate all text and interactive element color combinations.

Recommended combinations

Deep Forest Base

Ideal for establishing a sophisticated, deep green foundation in branding, navigation, or primary content areas.

#14321A · #3A6640 · #619966

Light Canopy

Perfect for creating airy backgrounds, subtle overlays, or highlighting gentle features in a serene manner.

#8CC090 · #B8E6BB · #3A6640

Balanced Harmony

Use this trio for a well-balanced visual hierarchy, guiding the eye through content with gentle transitions and clear readability.

#14321A · #619966 · #B8E6BB

CSS variables

:root {
  --lush-rainforest-floor-1: #14321A;
  --lush-rainforest-floor-2: #3A6640;
  --lush-rainforest-floor-3: #619966;
  --lush-rainforest-floor-4: #8CC090;
  --lush-rainforest-floor-5: #B8E6BB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lush-rainforest-floor": {
        1: "#14321A",
        2: "#3A6640",
        3: "#619966",
        4: "#8CC090",
        5: "#B8E6BB",
      }
    }
  }
}

Hex values

Color 1#14321A

Color 2#3A6640

Color 3#619966

Color 4#8CC090

Color 5#B8E6BB

Accessibility

Contrast checker

2.1:1Fail

4.2:1AA18

6.7:1AA

10:1AAA

2.1:1Fail

2:1Fail

3.2:1AA18

4.8:1AA

4.2:1AA18

2:1Fail

1.6:1Fail

2.4:1Fail

6.7:1AA

3.2:1AA18

1.6:1Fail

1.5:1Fail

10:1AAA

4.8:1AA

2.4:1Fail

1.5:1Fail

Similar palettes

More like Lush Rainforest Floor

View all earth

Emerald Rainforest Mist

Canopy Emerald Burst

Emerald Canopy Shroud

Jungle Canopy

Rainforest Canopy Dew

Emerald Canopy Mist