Back to palettes

Palette

Botanical Herb Garden

A refreshing collection of vibrant greens reflecting the lush bounty of a flourishing herb garden.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Botanical Herb Garden 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 Herb Garden.

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

Data visualization

#E6F0E0#BFD4B2#8BB77D#608F57#3D6238

Palette guide

How to use Botanical Herb Garden

Overview

The Botanical Herb Garden palette is a refreshing collection of vibrant greens, reflecting the lush bounty of a flourishing herb garden. This serene collection features a light off-white #E6F0E0, a soft sage green #BFD4B2, a gentle moss green #8BB77D, a deep forest green #608F57, and a robust dark green #3D6238. Designers can leverage these colors to create projects with an organic, fresh, and soothing feel. Developers will find these hues provide a harmonious and calming user experience, ideal for websites or applications aiming for a natural, clean aesthetic with a touch of thriving growth, reminiscent of a peaceful, aromatic herb garden.

Best used for

  • Herbal product branding and packaging
  • Organic food and fresh produce marketing
  • Wellness and natural remedy websites
  • Gardening and botanical enthusiast blogs
  • Eco-friendly and sustainable brand identity
  • Digital art depicting plants and nature

Suggested color roles

primary

#3D6238 - A robust dark green that firmly grounds the palette, ideal for main headings, navigation, or foundational elements.

secondary

#608F57 - A deep forest green that offers a strong, natural complement, suitable for subheadings, secondary interactive elements, or content blocks.

accent

#8BB77D - A gentle moss green that provides a subtle accent, best used sparingly for highlights, icons, or decorative details.

background

#E6F0E0 - A light off-white that creates an airy, fresh canvas, allowing the greens to emerge peacefully.

text

Use a deep green like #3D6238 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 #3D6238 or #608F57 for text against #BFD4B2 or #E6F0E0.
  • Avoid pairing #BFD4B2 and #E6F0E0 for text and background, as their low contrast will significantly hinder readability.
  • 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 lighter green tones.

Recommended combinations

Herb Base

Creates a deep, calming green gradient, ideal for main content areas or robust branding.

#3D6238 · #608F57 · #8BB77D

Garden Light

Offers a light and airy feel with a touch of depth, perfect for backgrounds and subtle layering.

#E6F0E0 · #BFD4B2 · #608F57

Fresh Contrast

Provides clear readability with a natural aesthetic, suitable for text-heavy sections or minimalist interfaces.

#3D6238 · #E6F0E0 · #8BB77D

CSS variables

:root {
  --botanical-herb-garden-2-1: #E6F0E0;
  --botanical-herb-garden-2-2: #BFD4B2;
  --botanical-herb-garden-2-3: #8BB77D;
  --botanical-herb-garden-2-4: #608F57;
  --botanical-herb-garden-2-5: #3D6238;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "botanical-herb-garden-2": {
        1: "#E6F0E0",
        2: "#BFD4B2",
        3: "#8BB77D",
        4: "#608F57",
        5: "#3D6238",
      }
    }
  }
}

Related searches

botanical herb colorsfresh garden palettegreen growth schemenatural herbal designvibrant green hues

Palette colors

Hex values

Color 1#E6F0E0
·
Color 2#BFD4B2
·
Color 3#8BB77D
·
Color 4#608F57
·
Color 5#3D6238
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2:1Fail
3.2:1AA18
6:1AA
2
1.3:1Fail
1.4:1Fail
2.4:1Fail
4.4:1AA18
3
2:1Fail
1.4:1Fail
1.6:1Fail
3.1:1AA18
4
3.2:1AA18
2.4:1Fail
1.6:1Fail
1.9:1Fail
5
6:1AA
4.4:1AA18
3.1:1AA18
1.9:1Fail

Similar palettes

More like Botanical Herb Garden

View all earth
Herbalist's Garden Path
Apothecary Bloom Green
Botanical Bloom Burst
Botanical Herb Garden
Botanical Herbarium Shade
Earthy Herb Garden