Back to palettes

Palette

Lush Herb Garden

A refreshing collection of greens, reflecting a vibrant herb garden after a gentle rain.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6B8E23#5F9F7E#9ACD32#3E6B4B#B2AC88

Palette guide

How to use Lush Herb Garden

Overview

The Lush Herb Garden palette cultivates a sense of freshness, tranquility, and natural vitality. Featuring a thoughtful blend of greens, from the vibrant `#9ACD32` to the deep, grounding `#3E6B4B`, it also incorporates the unique, muted warmth of `#B2AC88`. This palette evokes the serene beauty of an abundant garden, offering designers a versatile range for creating inviting and organic aesthetics. The inclusion of `#6B8E23` and `#5F9F7E` provides additional mid-tones, making it ideal for designs that aim to feel wholesome, authentic, and naturally appealing.

Best used for

  • Organic food and beverage branding
  • Gardening and botanical applications
  • Natural beauty and skincare products
  • Health and wellness coaching platforms
  • Eco-conscious lifestyle blogs and websites
  • Spa and holistic therapy branding

Suggested color roles

primary

Use `#3E6B4B` as a reliable primary for foundational elements, headings, or main branding, conveying stability and organic depth.

secondary

Employ `#6B8E23` or `#5F9F7E` for supporting content, background sections, or illustrations that require a softer, natural green.

accent

Apply `#9ACD32` for calls to action, key highlights, or interactive elements, providing a fresh, lively pop of color.

background

The muted `#B2AC88` can serve as a sophisticated, warm background, or a very light cream or off-white for a clean, airy feel.

text

For body text, a deep charcoal or near-black ensures readability. Headings and important information can use `#3E6B4B` for a cohesive garden-inspired look.

Accessibility notes

  • Ensure sufficient contrast when using `#9ACD32` for text on lighter backgrounds; it may require darker text.
  • The muted `#B2AC88` can be a good background, but test text contrast carefully for readability.
  • Darker greens like `#3E6B4B` provide excellent contrast for light-colored text (e.g., white or light grey).
  • Always utilize a contrast checker to confirm WCAG compliance for all text and interactive elements.

Recommended combinations

Earthy Foundation

Ideal for establishing a warm, grounded base in branding, website footers, or organic product packaging.

#3E6B4B · #6B8E23 · #B2AC88

Fresh & Vibrant

Use for highlighting fresh content, calls to action, or creating an inviting, lively interface section.

#9ACD32 · #5F9F7E · #3E6B4B

Garden Tranquility

Perfect for creating serene backgrounds, subtle gradients, or designs that emphasize calm and natural beauty.

#5F9F7E · #B2AC88 · #3E6B4B

CSS variables

:root {
  --lush-herb-garden-1: #6B8E23;
  --lush-herb-garden-2: #5F9F7E;
  --lush-herb-garden-3: #9ACD32;
  --lush-herb-garden-4: #3E6B4B;
  --lush-herb-garden-5: #B2AC88;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lush-herb-garden": {
        1: "#6B8E23",
        2: "#5F9F7E",
        3: "#9ACD32",
        4: "#3E6B4B",
        5: "#B2AC88",
      }
    }
  }
}

Related searches

herb garden color schemenatural green paletteearthy fresh colorsorganic branding greenscalm green and beige

Palette colors

Hex values

Color 1#6B8E23
·
Color 2#5F9F7E
·
Color 3#9ACD32
·
Color 4#3E6B4B
·
Color 5#B2AC88
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
2:1Fail
1.6:1Fail
1.7:1Fail
2
1.2:1Fail
1.7:1Fail
2:1Fail
1.4:1Fail
3
2:1Fail
1.7:1Fail
3.3:1AA18
1.2:1Fail
4
1.6:1Fail
2:1Fail
3.3:1AA18
2.7:1Fail
5
1.7:1Fail
1.4:1Fail
1.2:1Fail
2.7:1Fail

Similar palettes

More like Lush Herb Garden

View all earth
Herbal Garden Fresh
Apothecary Bloom Green
Botanical Bloom Burst
Botanical Herb Garden
Earthy Herb Garden
Forest Moss Path