Palette

Jungle Floor Verdant

Verdant greens and cool, damp grays capture the dense, life-rich floor of a tropical rainforest.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2E8B57#3CB371#66CDAA#84BD92#B0C4DE

Palette guide

How to use Jungle Floor Verdant

Overview

The Jungle Floor Verdant palette combines verdant greens and cool, damp grays to capture the dense, life-rich floor of a tropical rainforest. With shades like #2E8B57, #3CB371, #66CDAA, #84BD92, and #B0C4DE, this collection is perfect for designers and developers seeking a natural, tranquil, and grounding aesthetic. It evokes a sense of peaceful growth and organic texture, ideal for projects that connect with nature, promote sustainability, or create a calming yet earthy atmosphere. This palette ensures a harmonious and inviting visual experience, suitable for applications from digital interfaces to physical branding, reflecting the subtle beauty of the forest floor.

Best used for

Botanical skincare products
Sustainable home decor brands
Interior design with earthy tones
Relaxing meditation apps
Nature-inspired photography websites
Artisan craft brands

Suggested color roles

primary

#2E8B57 provides a deep, grounding green, ideal for a stable brand presence and core design elements.

secondary

#3CB371 offers a brighter, refreshing green for supporting details, subheadings, or illustrations.

accent

#66CDAA is a light, airy green, perfect for subtle highlights, interactive states, or delicate accents.

background

#B0C4DE (a soft, muted blue-gray) creates a cool, tranquil, and expansive base for content.

text

A dark charcoal or black ensures optimal readability on lighter backgrounds, providing strong contrast.

Accessibility notes

Dark text (e.g., charcoal or black) on #B0C4DE provides excellent contrast for optimal readability.
#2E8B57 offers good contrast for text on #B0C4DE, suitable for headings and larger text.
Be cautious using #66CDAA or #84BD92 for small text against lighter backgrounds due to potential low contrast.
Always check contrast ratios for all text and interactive UI elements to ensure compliance with accessibility standards.

Recommended combinations

Mossy Depths

Creates layered greens for a rich, organic feel, ideal for natural textures and backgrounds.

#2E8B57 · #3CB371 · #84BD92

Cool Mist

Offers a serene and airy combination, perfect for tranquil visuals and light, refreshing interfaces.

#3CB371 · #66CDAA · #B0C4DE

Verdant Stone

Combines earthy greens with a cool gray accent for balance, evoking moss-covered stone.

#2E8B57 · #84BD92 · #B0C4DE

CSS variables

:root {
  --jungle-floor-verdant-1: #2E8B57;
  --jungle-floor-verdant-2: #3CB371;
  --jungle-floor-verdant-3: #66CDAA;
  --jungle-floor-verdant-4: #84BD92;
  --jungle-floor-verdant-5: #B0C4DE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "jungle-floor-verdant": {
        1: "#2E8B57",
        2: "#3CB371",
        3: "#66CDAA",
        4: "#84BD92",
        5: "#B0C4DE",
      }
    }
  }
}

Hex values

Color 1#2E8B57

Color 2#3CB371

Color 3#66CDAA

Color 4#84BD92

Color 5#B0C4DE

Accessibility

Contrast checker

1.6:1Fail

2.2:1Fail

2:1Fail

2.4:1Fail

1.6:1Fail

1.4:1Fail

1.2:1Fail

1.5:1Fail

2.2:1Fail

1.4:1Fail

1.1:1Fail

2:1Fail

1.2:1Fail

1.1:1Fail

1.2:1Fail

2.4:1Fail

1.5:1Fail

1.1:1Fail

1.2:1Fail

Similar palettes

More like Jungle Floor Verdant

Jungle Floor Verdant

See it in context.

Ready when you are.

Built with Jungle Floor Verdant.

How to use Jungle Floor Verdant

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Mossy Depths

Cool Mist

Verdant Stone

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Jungle Floor Verdant