Back to palettes

Palette

Herbalist Green Blend

A calming and fragrant blend of muted greens, inspired by fresh sage, rosemary, and other garden herbs.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Herbalist Green Blend 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 Herbalist Green Blend.

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

Data visualization

#9DC183#8FBC8F#36454F#5F9EA0#A2AD9C

Palette guide

How to use Herbalist Green Blend

Overview

The Herbalist Green Blend palette is a sophisticated and grounding collection that combines muted greens with a deep, charcoal blue and a cool, tranquil teal. The subtle, natural greens #9DC183, #8FBC8F, and #A2AD9C evoke fresh herbs, while the impactful #36454F (a dark charcoal blue) adds significant depth and seriousness. The elegant #5F9EA0 (a muted teal) introduces a touch of refreshing coolness and sophistication. This palette is ideal for designers and developers seeking a balanced aesthetic that is both natural and refined, perfect for communicating authenticity, wisdom, and a modern, earthy sensibility across various platforms, from digital to print.

Best used for

  • Herbal medicine and apothecary branding
  • Sustainable technology and innovation
  • Natural history museums or educational content
  • Men's grooming or natural skincare lines
  • High-end outdoor gear and apparel
  • Architectural and environmental design firms

Suggested color roles

primary

#36454F – A deep, sophisticated charcoal blue for main branding, strong headers, and foundational elements.

secondary

#5F9EA0 – A cool, muted teal for subheadings, interactive elements, or to add a touch of modern elegance.

accent

#9DC183 – A soft, fresh green for highlights, subtle calls to action, or decorative details.

background

#A2AD9C – A light, muted green-gray that provides a calm, sophisticated, and earthy backdrop.

text

#36454F – Ensures excellent contrast and readability when used for body text on the lighter backgrounds like #A2AD9C or white.

Accessibility notes

  • Ensure #36454F text on #A2AD9C or white backgrounds meets WCAG AAA contrast standards.
  • Check contrast ratios for #5F9EA0 when used for links or buttons against #A2AD9C for accessibility.
  • Avoid using #9DC183 or #8FBC8F for small text on #A2AD9C, as contrast may be too low for many users.
  • Always test color pairings with real content to ensure legibility and visual comfort across different devices.

Recommended combinations

Deep Contrast

Strong, readable dark text on a muted background with a sophisticated teal accent.

#36454F · #A2AD9C · #5F9EA0

Herbal Freshness

Creates a natural, layered green effect, grounded by the deep charcoal blue.

#9DC183 · #8FBC8F · #36454F

Modern Earth

A contemporary blend for UI elements, combining cool teal with muted greens for a fresh feel.

#5F9EA0 · #A2AD9C · #9DC183

CSS variables

:root {
  --herbalist-green-blend-1: #9DC183;
  --herbalist-green-blend-2: #8FBC8F;
  --herbalist-green-blend-3: #36454F;
  --herbalist-green-blend-4: #5F9EA0;
  --herbalist-green-blend-5: #A2AD9C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "herbalist-green-blend": {
        1: "#9DC183",
        2: "#8FBC8F",
        3: "#36454F",
        4: "#5F9EA0",
        5: "#A2AD9C",
      }
    }
  }
}

Related searches

herbalist color palettemuted green teal schemesophisticated earthy colorsnatural modern designcharcoal green branding

Palette colors

Hex values

Color 1#9DC183
·
Color 2#8FBC8F
·
Color 3#36454F
·
Color 4#5F9EA0
·
Color 5#A2AD9C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
4.9:1AA
1.5:1Fail
1.2:1Fail
2
1.1:1Fail
4.6:1AA
1.4:1Fail
1.1:1Fail
3
4.9:1AA
4.6:1AA
3.2:1AA18
4.2:1AA18
4
1.5:1Fail
1.4:1Fail
3.2:1AA18
1.3:1Fail
5
1.2:1Fail
1.1:1Fail
4.2:1AA18
1.3:1Fail

Similar palettes

More like Herbalist Green Blend

View all earth
Apothecary Bloom Green
Earthy Herb Garden
Fresh Basil Herb
Herbal Garden Brew
Ancient Mossy Stone
Botanical Bloom Burst