Back to palettes

Palette

Herbal Garden Brew

A soothing collection of greens and natural tones inspired by a fragrant, fresh herb garden.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Herbal Garden Brew 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 Herbal Garden Brew.

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

Data visualization

#5C8B5C#8BC34A#B39F7C#386A38#DAE2B3

Palette guide

How to use Herbal Garden Brew

Overview

The Herbal Garden Brew palette offers a refreshing and grounded selection of greens, complemented by a subtle, earthy beige. Dominated by vibrant greens like #5C8B5C and the lively #8BC34A, it evokes lush growth and vitality. The deep forest green #386A38 provides a strong anchor, while #B39F7C introduces a warm, natural linen-like quality, and #DAE2B3 offers a crisp, airy finish. This palette is ideal for designs aiming for a natural, wholesome, and slightly rustic feel, perfect for communicating freshness, organic quality, and a sense of artisanal care across various media.

Best used for

  • Organic skincare and beauty products
  • Coffee shops or tea houses with natural themes
  • Craft beer or artisanal beverage branding
  • Gardening and outdoor living websites
  • Health and wellness content platforms
  • Eco-conscious lifestyle brands

Suggested color roles

primary

#386A38 – A deep, authoritative green for main branding, strong headers, and foundational elements.

secondary

#5C8B5C – A balanced green for subheadings, navigational elements, and supporting graphics.

accent

#8BC34A – A bright, lively green perfect for calls to action, interactive elements, or to infuse energy.

background

#DAE2B3 – A very light, almost white green that provides a clean, breathable canvas.

text

#386A38 – Ensures excellent readability against light backgrounds like #DAE2B3 or even #B39F7C.

Accessibility notes

  • Verify #386A38 text on #DAE2B3 or #B39F7C backgrounds meets WCAG AA contrast ratios.
  • Ensure #8BC34A has sufficient contrast when used for interactive elements against #DAE2B3 or other lighter tones.
  • Avoid using #DAE2B3 for text, as its light value would offer poor contrast on almost any background.
  • Consider a very dark charcoal for body text if #386A38 feels too soft on certain light backgrounds for improved legibility.

Recommended combinations

Vibrant Contrast

Strong dark text on a light background with a punchy, fresh accent.

#386A38 · #DAE2B3 · #8BC34A

Natural Earth

A harmonious blend for sections or elements requiring a softer, organic feel.

#5C8B5C · #B39F7C · #DAE2B3

Energetic Trio

Lively green as primary, grounded by deep and mid-greens for a dynamic, natural look.

#8BC34A · #386A38 · #5C8B5C

CSS variables

:root {
  --herbal-garden-brew-1: #5C8B5C;
  --herbal-garden-brew-2: #8BC34A;
  --herbal-garden-brew-3: #B39F7C;
  --herbal-garden-brew-4: #386A38;
  --herbal-garden-brew-5: #DAE2B3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "herbal-garden-brew": {
        1: "#5C8B5C",
        2: "#8BC34A",
        3: "#B39F7C",
        4: "#386A38",
        5: "#DAE2B3",
      }
    }
  }
}

Related searches

herbal green color schemesnatural organic paletteearthy wholesome colorsfresh garden designcraft beverage branding colors

Palette colors

Hex values

Color 1#5C8B5C
·
Color 2#8BC34A
·
Color 3#B39F7C
·
Color 4#386A38
·
Color 5#DAE2B3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
1.5:1Fail
1.6:1Fail
2.9:1Fail
2
1.9:1Fail
1.2:1Fail
3:1AA18
1.6:1Fail
3
1.5:1Fail
1.2:1Fail
2.5:1Fail
1.9:1Fail
4
1.6:1Fail
3:1AA18
2.5:1Fail
4.7:1AA
5
2.9:1Fail
1.6:1Fail
1.9:1Fail
4.7:1AA

Similar palettes

More like Herbal Garden Brew

View all earth
Apothecary Bloom Green
Earthy Herb Garden
Fresh Basil Herb
Herbalist Green Blend
Ancient Forest Hush
Ancient Forest Realm