Back to palettes

Palette

Botanical Groundcover Greens

A diverse palette reflecting the rich greens from the damp forest floor to the vibrant canopy.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Botanical Groundcover Greens 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 Botanical Groundcover Greens.

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

Data visualization

#228B22#3CB371#6B8E23#9ACD32#ADFF2F

Palette guide

How to use Botanical Groundcover Greens

Overview

The Botanical Groundcover Greens palette offers a diverse range of rich greens, reflecting everything from the damp forest floor to the vibrant canopy. This lively collection features a deep forest green #228B22, a refreshing medium sea green #3CB371, a vibrant olive green #6B8E23, a bright chartreuse #9ACD32, and a vivid lime green #ADFF2F. Designers can leverage these colors to create projects with an organic, dynamic, and thriving feel. Developers will find these hues provide dynamic possibilities for visual hierarchy and interactive elements, ideal for building engaging user interfaces or digital art that radiates natural vitality and a flourishing botanical charm, reminiscent of a thriving forest ecosystem.

Best used for

  • Forestry and environmental conservation branding
  • Gardening and landscape design websites
  • Outdoor recreation and adventure tourism
  • Organic food and sustainable lifestyle marketing
  • Educational content about plant life
  • Digital art depicting natural ecosystems

Suggested color roles

primary

#228B22 - A deep forest green that firmly grounds the palette, ideal for main headings, navigation, or foundational elements.

secondary

#3CB371 - A refreshing medium sea green that offers a strong, natural complement, suitable for subheadings, secondary interactive elements, or content blocks.

accent

#ADFF2F - A vivid lime green that acts as a lively accent, best used sparingly for highlights, icons, or call-to-action elements.

background

#9ACD32 - A bright chartreuse that creates an energetic and fresh canvas, allowing other vibrant greens to pop.

text

Use a deep green like #228B22 or a dark charcoal for body text against lighter backgrounds to ensure optimal readability and maintain the palette's organic feel.

Accessibility notes

  • Ensure sufficient contrast when using #228B22 or #3CB371 for text against #9ACD32 or #ADFF2F.
  • Avoid pairing #9ACD32 and #ADFF2F for text and background, as their similar luminance will significantly hinder readability.
  • Always check all text and interactive element color combinations with WCAG contrast tools for compliance.
  • Be cautious with the very bright #ADFF2F; use it for small accents or ensure it has dark text overlay for legibility.

Recommended combinations

Forest Depths

Creates a rich, layered green look, ideal for main content blocks or natural branding.

#228B22 · #3CB371 · #6B8E23

Vibrant Growth

Offers a bright and refreshing combination, perfect for highlights, infographics, or lively accents.

#ADFF2F · #9ACD32 · #6B8E23

Groundcover Pop

Provides strong grounding with vibrant pops, suitable for headers, calls to action, or dynamic visual elements.

#228B22 · #ADFF2F · #9ACD32

CSS variables

:root {
  --botanical-groundcover-greens-1: #228B22;
  --botanical-groundcover-greens-2: #3CB371;
  --botanical-groundcover-greens-3: #6B8E23;
  --botanical-groundcover-greens-4: #9ACD32;
  --botanical-groundcover-greens-5: #ADFF2F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "botanical-groundcover-greens": {
        1: "#228B22",
        2: "#3CB371",
        3: "#6B8E23",
        4: "#9ACD32",
        5: "#ADFF2F",
      }
    }
  }
}

Related searches

botanical groundcover colorsforest green palettenatural vibrant greenslush growth designearthy green scheme

Palette colors

Hex values

Color 1#228B22
·
Color 2#3CB371
·
Color 3#6B8E23
·
Color 4#9ACD32
·
Color 5#ADFF2F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
1.2:1Fail
2.3:1Fail
3.6:1AA18
2
1.6:1Fail
1.4:1Fail
1.4:1Fail
2.2:1Fail
3
1.2:1Fail
1.4:1Fail
2:1Fail
3.1:1AA18
4
2.3:1Fail
1.4:1Fail
2:1Fail
1.5:1Fail
5
3.6:1AA18
2.2:1Fail
3.1:1AA18
1.5:1Fail

Similar palettes

More like Botanical Groundcover Greens

View all earth
Emerald Forest Canopy
Forest Canopy Light
Ancient Forest Hush
Ancient Forest Realm
Ancient Mossy Stone
Deep Forest Fern