Back to palettes

Palette

Herbalist's Garden Path

Crisp, cool greens and soft blues, evoking a peaceful journey through a dew-kissed herb garden.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Herbalist's Garden Path 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's Garden Path.

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

Data visualization

#4F7942#8FBC8F#ADD8E6#778899#5F9EA0

Palette guide

How to use Herbalist's Garden Path

Overview

The Herbalist's Garden Path palette evokes a serene journey through a dew-kissed herb garden, blending cool greens with soft, calming blues and grays. The deep forest green #4F7942 provides a strong, natural anchor, complemented by the softer #8FBC8F. The palette introduces refreshing blues like the light, airy #ADD8E6 and the elegant #5F9EA0 (a muted teal), along with the sophisticated gray-blue #778899. This collection is ideal for designers and developers aiming for a tranquil, fresh, and slightly ethereal aesthetic that communicates natural harmony, peace, and understated sophistication across various digital and print applications, ensuring a serene visual experience.

Best used for

  • Botanical art and illustration
  • Wellness retreats and meditation spaces
  • Nature photography portfolios
  • Sustainable lifestyle brands with a cool tone
  • Children's nature exploration apps
  • Coastal-inspired interior design

Suggested color roles

primary

#4F7942 – A deep, grounding forest green for main branding, headers, and strong visual statements.

secondary

#5F9EA0 – A cool, muted teal for subheadings, interactive elements, or to introduce a sophisticated blue accent.

accent

#ADD8E6 – A light, serene blue perfect for subtle highlights, background textures, or to evoke open skies.

background

#8FBC8F – A soft, muted green that provides a gentle, natural, and calming base for content.

text

#4F7942 – Ensures excellent contrast and readability when used for body text on lighter backgrounds like #8FBC8F or #ADD8E6.

Accessibility notes

  • Ensure #4F7942 text on #8FBC8F or #ADD8E6 backgrounds meets WCAG AA contrast standards.
  • Check contrast ratios for #5F9EA0 when used for links or buttons against #8FBC8F to ensure usability.
  • Avoid using #ADD8E6 for small text due to its low contrast; best for backgrounds or large graphical elements.
  • Consider a very dark charcoal for body text if the primary green feels too light on certain light backgrounds for optimal readability.

Recommended combinations

Forest & Sky

Strong green text on a light blue background with a sophisticated teal accent.

#4F7942 · #ADD8E6 · #5F9EA0

Misty Path

Creates a soft, layered effect for backgrounds or subtle UI elements, evoking a misty atmosphere.

#8FBC8F · #778899 · #ADD8E6

Cool Harmony

Muted teal as a primary, supported by deep and soft greens for a balanced, natural look.

#5F9EA0 · #4F7942 · #8FBC8F

CSS variables

:root {
  --herbalist-s-garden-path-1: #4F7942;
  --herbalist-s-garden-path-2: #8FBC8F;
  --herbalist-s-garden-path-3: #ADD8E6;
  --herbalist-s-garden-path-4: #778899;
  --herbalist-s-garden-path-5: #5F9EA0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "herbalist-s-garden-path": {
        1: "#4F7942",
        2: "#8FBC8F",
        3: "#ADD8E6",
        4: "#778899",
        5: "#5F9EA0",
      }
    }
  }
}

Related searches

garden path color palettecool green blue schemetranquil nature colorsserene herbal designdew kissed palette

Palette colors

Hex values

Color 1#4F7942
·
Color 2#8FBC8F
·
Color 3#ADD8E6
·
Color 4#778899
·
Color 5#5F9EA0
·

Accessibility

Contrast checker

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

Similar palettes

More like Herbalist's Garden Path

View all earth
Botanical Herb Garden
Apothecary Bloom Green
Botanical Bloom Burst
Botanical Herb Garden
Botanical Herbarium Shade
Earthy Herb Garden