Back to palettes

Palette

Verdant Forest Floor

A rich and vibrant array of greens, capturing the dense and thriving plant life on a fertile forest floor.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#228B22#3CB371#6B8E23#8FBC8F#556B2F

Palette guide

How to use Verdant Forest Floor

Overview

The Verdant Forest Floor palette offers a rich and vibrant collection of greens, perfect for evoking a lush, natural environment. Anchored by the deep Forest Green #228B22 and the vibrant Medium Sea Green #3CB371, this palette provides a harmonious blend suitable for organic and nature-inspired designs. The earthy Olive Drab #6B8E23 adds a grounding touch, complemented by the softer Dark Sea Green #8FBC8F. For depth and contrast, the Dark Olive Green #556B2F rounds out the selection. Designers and developers can leverage this palette to create immersive digital experiences that feel fresh, vital, and deeply connected to nature. It's ideal for projects requiring an authentic, thriving aesthetic.

Best used for

  • Eco-friendly brand identities
  • Nature-themed websites and apps
  • Outdoor adventure gear branding
  • Organic food packaging
  • Botanical garden digital guides
  • Sustainable living blogs

Suggested color roles

primary

#228B22 (Forest Green) - Use for prominent UI elements, main calls-to-action, or large background sections requiring a strong, natural presence.

secondary

#3CB371 (Medium Sea Green) - Ideal for subheadings, active states, or supporting graphics where a vibrant, fresh feel is desired.

accent

#6B8E23 (Olive Drab) - Perfect for highlighting key information, interactive elements, or small decorative details to add an earthy pop.

background

#8FBC8F (Dark Sea Green) - A subdued, light green that works well for softer backgrounds, content cards, or subtle section dividers, providing a calming base.

text

#556B2F (Dark Olive Green) - Excellent for body text and paragraphs, offering strong readability against lighter backgrounds, or use a deep charcoal for general text.

Accessibility notes

  • Ensure sufficient contrast when using #8FBC8F as a background with lighter text; dark text like #556B2F is recommended.
  • #228B22 and #3CB371 offer good contrast with white or near-white text for headings and primary content.
  • Avoid placing #6B8E23 directly against #556B2F for small text due to potential low contrast.
  • Always test color combinations with WCAG guidelines, especially for interactive elements and critical information.

Recommended combinations

Deep Forest

Strong, authoritative branding for outdoor apparel or environmental initiatives.

#228B22 · #556B2F · #3CB371

Lush Canopy

Light and airy designs for wellness apps or nature photography portfolios.

#3CB371 · #8FBC8F · #6B8E23

Earthy Greens

Grounded and organic aesthetics for sustainable product websites or artisanal crafts.

#6B8E23 · #228B22 · #8FBC8F

CSS variables

:root {
  --verdant-forest-floor-1: #228B22;
  --verdant-forest-floor-2: #3CB371;
  --verdant-forest-floor-3: #6B8E23;
  --verdant-forest-floor-4: #8FBC8F;
  --verdant-forest-floor-5: #556B2F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "verdant-forest-floor": {
        1: "#228B22",
        2: "#3CB371",
        3: "#6B8E23",
        4: "#8FBC8F",
        5: "#556B2F",
      }
    }
  }
}

Related searches

forest green color schemenatural green paletteearthy design colorslush green website colorsorganic brand colors

Palette colors

Hex values

Color 1#228B22
·
Color 2#3CB371
·
Color 3#6B8E23
·
Color 4#8FBC8F
·
Color 5#556B2F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
1.2:1Fail
2:1Fail
1.4:1Fail
2
1.6:1Fail
1.4:1Fail
1.2:1Fail
2.2:1Fail
3
1.2:1Fail
1.4:1Fail
1.8:1Fail
1.6:1Fail
4
2:1Fail
1.2:1Fail
1.8:1Fail
2.8:1Fail
5
1.4:1Fail
2.2:1Fail
1.6:1Fail
2.8:1Fail

Similar palettes

More like Verdant Forest Floor

View all earth
Emerald Forest Canopy
Enchanted Forest Canopy
Enchanted Forest Canopy
Enchanted Forest Ring
Fairy Ring Moss
Forest Fern Canopy