Palette

Botanical Herbarium Shade

A natural palette of deep and lively greens from a rich botanical herbarium.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Botanical Herbarium 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 Botanical Herbarium Shade.

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

Data visualization

#006400#228B22#556B2F#8FBC8F#9ACD32

Palette guide

How to use Botanical Herbarium Shade

Overview

The Botanical Herbarium Shade palette offers a rich spectrum of natural greens, moving from deep forest tones to vibrant, fresh hues. Featuring the profound #006400 and the classic #228B22, alongside the earthy #556B2F, this collection is perfect for designs seeking depth and organic authenticity. The lighter #8FBC8F and bright #9ACD32 provide excellent contrast, allowing for versatile applications from subtle backgrounds to striking accents. Designers can use this palette to evoke the lushness of nature, ideal for sophisticated environmental branding, educational platforms focusing on botany, or any project requiring a grounded yet lively natural feel. Its depth ensures visual interest and professional appeal.

Best used for

Botanical research websites and educational apps
Luxury eco-conscious brand identities
Nature documentary graphics
Sustainable fashion lookbooks
Garden center branding and signage
Environmental non-profit campaigns

Suggested color roles

primary

Utilize #006400 as a strong, authoritative primary color for headers, main navigation, or impactful brand elements.

secondary

Apply #228B22 for subheadings, key content blocks, or secondary brand elements, offering a slightly less intense green.

accent

Employ #9ACD32 to bring a lively, fresh accent to interactive elements, calls-to-action, or important data visualization.

background

Use #8FBC8F for clean, natural backgrounds, providing a soft base that allows darker greens and text to stand out.

text

The deep #006400 is ideal for body text and critical information, ensuring excellent readability on light backgrounds like #8FBC8F.

Accessibility notes

Ensure sufficient contrast between #006400 text and light backgrounds like #8FBC8F to meet WCAG AA standards.
Verify that the vibrant #9ACD32 accent color has enough contrast against its surrounding colors, especially for interactive elements.
Avoid using #228B22 on #556B2F for text as their contrast may be insufficient for readability.
Provide alternative text descriptions for any color-coded information to aid users with color vision deficiencies.

Recommended combinations

Deep Forest

Creates a sophisticated, grounded feel, perfect for professional interfaces or branding with a natural theme.

#006400 · #556B2F · #8FBC8F

Fresh Growth

Highlights freshness and vitality, excellent for calls-to-action, 'new arrival' labels, or vibrant content sections.

#228B22 · #9ACD32 · #8FBC8F

Herbarium Contrast

Employs a strong dark base with a bright accent and a mid-tone for a dynamic and visually engaging layout.

#006400 · #9ACD32 · #228B22

CSS variables

:root {
  --botanical-herbarium-shade-1: #006400;
  --botanical-herbarium-shade-2: #228B22;
  --botanical-herbarium-shade-3: #556B2F;
  --botanical-herbarium-shade-4: #8FBC8F;
  --botanical-herbarium-shade-5: #9ACD32;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "botanical-herbarium-shade": {
        1: "#006400",
        2: "#228B22",
        3: "#556B2F",
        4: "#8FBC8F",
        5: "#9ACD32",
      }
    }
  }
}

Hex values

Color 1#006400

Color 2#228B22

Color 3#556B2F

Color 4#8FBC8F

Color 5#9ACD32

Accessibility

Contrast checker

1.7:1Fail

1.3:1Fail

3.5:1AA18

4:1AA18

1.7:1Fail

1.4:1Fail

2:1Fail

2.3:1Fail

1.3:1Fail

1.4:1Fail

2.8:1Fail

3.2:1AA18

3.5:1AA18

2:1Fail

2.8:1Fail

1.1:1Fail

4:1AA18

2.3:1Fail

3.2:1AA18

1.1:1Fail

Similar palettes

More like Botanical Herbarium Shade

View all earth

Verdant Willow Shade

Botanical Herb Garden

Botanical Study Greens

Emerald Enclave Moss

Emerald Forest Depths

Emerald Moss Canopy