Back to palettes

Palette

Verdant Undergrowth Shade

Earthy greens and muted greys, reflecting the rich life and quiet decay on a damp forest floor.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Verdant Undergrowth Shade 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 Undergrowth Shade.

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

Data visualization

#2F4F4F#3CB371#6B8E23#8FBC8F#A9A9A9

Palette guide

How to use Verdant Undergrowth Shade

Overview

The Verdant Undergrowth Shade palette evokes the rich life and quiet decay on a damp forest floor, blending earthy greens with muted greys. This collection features a deep, mysterious blue-green #2F4F4F, a lively emerald #3CB371, and an organic olive #6B8E23. These verdant tones are beautifully complemented by the softer #8FBC8F and the grounding neutral #A9A9A9, creating a harmonious and tranquil scheme. Designers can utilize this palette to craft designs that are natural, serene, and subtly complex, ideal for sustainable brands, nature-inspired interfaces, or projects seeking a calming, introspective atmosphere.

Best used for

  • Sustainable product branding
  • Nature-themed mobile applications
  • Eco-tourism and environmental campaigns
  • Spa and relaxation content
  • Botanical illustrations
  • Organic gardening resources

Suggested color roles

primary

#2F4F4F serves as a deep, anchoring primary color for backgrounds, strong headings, or main navigation, conveying depth and mystery.

secondary

#3CB371 offers a vibrant, yet natural, green for subheadings, interactive elements, or larger text blocks, adding a touch of vitality.

accent

#6B8E23 provides a distinct olive accent, drawing attention to calls-to-action or key information, adding an earthy contrast.

background

#A9A9A9 or #8FBC8F can serve as a soft, neutral background, allowing darker greens to stand out clearly and maintaining a light feel.

text

Use #2F4F4F for body text on light backgrounds like #A9A9A9. A clean white or very light gray works well for text on #2F4F4F.

Accessibility notes

  • Ensure sufficient contrast for #2F4F4F text on #A9A9A9 background for WCAG AA compliance.
  • #8FBC8F on #A9A9A9 may lack sufficient contrast for small text; use for larger elements.
  • #3CB371 provides good contrast against #A9A9A9 for clear readability.
  • When combining #6B8E23 with #8FBC8F, check contrast carefully, especially for interactive elements.

Recommended combinations

Forest Floor

Creates a deep, grounded look with a vibrant highlight, ideal for main layouts.

#2F4F4F · #A9A9A9 · #3CB371

Mossy Grey

A soft, harmonious blend for secondary content, backgrounds, or subtle design elements.

#A9A9A9 · #8FBC8F · #6B8E23

Deep Shade

Excellent for layered graphics, emphasizing natural textures and depth in visual storytelling.

#3CB371 · #6B8E23 · #2F4F4F

CSS variables

:root {
  --verdant-undergrowth-shade-1: #2F4F4F;
  --verdant-undergrowth-shade-2: #3CB371;
  --verdant-undergrowth-shade-3: #6B8E23;
  --verdant-undergrowth-shade-4: #8FBC8F;
  --verdant-undergrowth-shade-5: #A9A9A9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "verdant-undergrowth-shade": {
        1: "#2F4F4F",
        2: "#3CB371",
        3: "#6B8E23",
        4: "#8FBC8F",
        5: "#A9A9A9",
      }
    }
  }
}

Related searches

forest undergrowth colorsearthy green and greycalm nature palettemossy forest floor schememuted green organic colors

Palette colors

Hex values

Color 1#2F4F4F
·
Color 2#3CB371
·
Color 3#6B8E23
·
Color 4#8FBC8F
·
Color 5#A9A9A9
·

Accessibility

Contrast checker

1
2
3
4
5
1
3.3:1AA18
2.3:1Fail
4.1:1AA18
3.8:1AA18
2
3.3:1AA18
1.4:1Fail
1.2:1Fail
1.1:1Fail
3
2.3:1Fail
1.4:1Fail
1.8:1Fail
1.6:1Fail
4
4.1:1AA18
1.2:1Fail
1.8:1Fail
1.1:1Fail
5
3.8:1AA18
1.1:1Fail
1.6:1Fail
1.1:1Fail

Similar palettes

More like Verdant Undergrowth Shade

View all earth
Mossy River Bed
Emerald Canopy Hush
Enchanted Moss Garden
Forest Fern Canopy
Forest Floor Echo
Forest Floor Moss