Palette

Botanical Earth Ground

A grounded palette combining the deep browns of rich soil with the varied greens of lush botanical growth.

EarthNatural5 colors

More Earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Botanical Earth Ground 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 Earth Ground.

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

Data visualization

#3E2723#4E342E#2E7D32#4CAF50#C8E6C9

Palette guide

How to use Botanical Earth Ground

Overview

The Botanical Earth Ground palette is a grounded collection combining the deep browns of rich soil with the varied greens of lush botanical growth. This robust scheme features a deep espresso #3E2723, a warm chocolate brown #4E342E, a vibrant forest green #2E7D32, a fresh moss green #4CAF50, and a light mint green #C8E6C9. Designers can leverage these colors to create projects with an organic, stable, and thriving feel. Developers will find these hues provide a harmonious and engaging user experience, ideal for websites or applications aiming for an authentic, natural aesthetic with a touch of serene growth, reminiscent of fertile earth and flourishing gardens.

Best used for

Gardening and agricultural business branding
Eco-tourism and outdoor adventure websites
Organic food and farm-to-table marketing
Sustainable architecture or interior design
Nature conservation organizations
Digital art depicting landscapes and ecosystems

Suggested color roles

primary

#3E2723 - A deep espresso brown that firmly grounds the palette, ideal for main headings, navigation, or foundational elements.

secondary

#2E7D32 - A vibrant forest green that offers a strong, natural complement, suitable for subheadings, secondary interactive elements, or content blocks.

accent

#4CAF50 - A fresh moss green that provides a lively accent, best used sparingly for highlights, icons, or call-to-action elements.

background

#C8E6C9 - A light mint green that creates an airy, fresh canvas, allowing the deeper browns and greens to truly pop.

text

Use a deep brown like #3E2723 or a rich forest green like #2E7D32 for body text against lighter backgrounds to ensure optimal readability and maintain the palette's organic feel.

Accessibility notes

Ensure sufficient contrast when using #3E2723 or #2E7D32 for text against #4CAF50 or #C8E6C9.
Avoid pairing #4E342E and #2E7D32 for text and background if contrast is low; test carefully.
Always check all text and interactive element color combinations with WCAG contrast tools for compliance.
For small text, prioritize higher contrast pairings to ensure legibility, especially with the green tones.

Recommended combinations

Forest Floor

Creates a deep, earthy foundation, ideal for main content areas or robust branding.

#3E2723 · #4E342E · #2E7D32

Lush Growth

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

#4CAF50 · #C8E6C9 · #2E7D32

Grounded Harmony

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

#3E2723 · #4CAF50 · #C8E6C9

CSS variables

:root {
  --botanical-earth-ground-1: #3E2723;
  --botanical-earth-ground-2: #4E342E;
  --botanical-earth-ground-3: #2E7D32;
  --botanical-earth-ground-4: #4CAF50;
  --botanical-earth-ground-5: #C8E6C9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "botanical-earth-ground": {
        1: "#3E2723",
        2: "#4E342E",
        3: "#2E7D32",
        4: "#4CAF50",
        5: "#C8E6C9",
      }
    }
  }
}

Hex values

Color 1#3E2723

Color 2#4E342E

Color 3#2E7D32

Color 4#4CAF50

Color 5#C8E6C9

Accessibility

Contrast checker

1.2:1Fail

2.7:1Fail

5:1AA

10.3:1AAA

1.2:1Fail

2.2:1Fail

4.1:1AA18

8.4:1AAA

2.7:1Fail

2.2:1Fail

1.8:1Fail

3.8:1AA18

5:1AA

4.1:1AA18

1.8:1Fail

2.1:1Fail

10.3:1AAA

8.4:1AAA

3.8:1AA18

2.1:1Fail

Similar palettes

More like Botanical Earth Ground

View all Earth

Succulent Garden Hues

Terra Nova

Whispering Clay Path

Ancient Parchment Script

Apothecary Herb Dry

Bohemian Earth Vessel