Back to palettes

Palette

Botanical Herb Garden

A vibrant range of natural greens evokes the refreshing and serene atmosphere 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

#6B8E23#8FBC8F#556B2F#9ACD32#7C9F5A

Palette guide

How to use Botanical Herb Garden

Overview

The Botanical Herb Garden palette offers a refreshing collection of natural greens, perfect for evoking serenity and organic freshness in digital and print designs. This earthy scheme, featuring vibrant hues like #9ACD32 and the deeper, grounding #556B2F, along with the softer #8FBC8F, is ideal for projects aiming for an authentic, garden-inspired aesthetic. Designers can leverage the lively #6B8E23 as a primary brand color, while #7C9F5A provides a versatile mid-tone. Developers will find these greens harmonious for creating seamless user interfaces that feel natural and inviting, suitable for environmental brands, wellness apps, or eco-conscious product packaging. The palette's cohesive nature ensures a balanced and visually appealing experience.

Best used for

  • Organic food branding and packaging
  • Garden design websites and landscaping apps
  • Wellness and spa marketing materials
  • Nature photography portfolios
  • Eco-friendly product lines
  • Sustainable living blogs and content

Suggested color roles

primary

Use #6B8E23 as a foundational color for brand identity, logos, or main sections, conveying natural stability and growth.

secondary

Apply #8FBC8F for subheadings, secondary calls-to-action, or supporting graphic elements to add gentle contrast and softness.

accent

Highlight key information or interactive elements with the bright and lively #9ACD32, drawing attention effectively without overpowering.

background

Employ #8FBC8F for soft, natural backgrounds, or pair with a clean near-white for a fresh, open canvas.

text

Utilize the deep #556B2F for body text and important labels to ensure excellent readability against lighter greens or white backgrounds.

Accessibility notes

  • Ensure sufficient contrast for text, especially using #556B2F on lighter backgrounds like #8FBC8F, to meet WCAG AA standards.
  • Verify that interactive elements or critical information highlighted with #9ACD32 provide strong contrast against their background.
  • Avoid using closely related greens from the palette for large blocks of text on similarly toned backgrounds without checking readability.
  • For users with color vision deficiencies, supplement color cues with icons or underlines for important actions or status indicators.

Recommended combinations

Fresh Contrast

Ideal for banners or calls-to-action where a vibrant highlight is grounded by a deep, natural base and a soft complement.

#9ACD32 · #556B2F · #8FBC8F

Earthy Balance

Creates a serene, balanced feel for content blocks or natural product displays, emphasizing organic flow.

#6B8E23 · #7C9F5A · #8FBC8F

Deep Accent

Use for striking visual hierarchy, with the darkest shade for titles and the brightest for interactive elements against a mid-green.

#556B2F · #6B8E23 · #9ACD32

CSS variables

:root {
  --botanical-herb-garden-1: #6B8E23;
  --botanical-herb-garden-2: #8FBC8F;
  --botanical-herb-garden-3: #556B2F;
  --botanical-herb-garden-4: #9ACD32;
  --botanical-herb-garden-5: #7C9F5A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "botanical-herb-garden": {
        1: "#6B8E23",
        2: "#8FBC8F",
        3: "#556B2F",
        4: "#9ACD32",
        5: "#7C9F5A",
      }
    }
  }
}

Related searches

natural green color paletteherb garden color schemeearthy green hex codesserene botanical colorsorganic design palette

Palette colors

Hex values

Color 1#6B8E23
·
Color 2#8FBC8F
·
Color 3#556B2F
·
Color 4#9ACD32
·
Color 5#7C9F5A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
1.6:1Fail
2:1Fail
1.3:1Fail
2
1.8:1Fail
2.8:1Fail
1.1:1Fail
1.4:1Fail
3
1.6:1Fail
2.8:1Fail
3.2:1AA18
2:1Fail
4
2:1Fail
1.1:1Fail
3.2:1AA18
1.6:1Fail
5
1.3:1Fail
1.4:1Fail
2:1Fail
1.6:1Fail

Similar palettes

More like Botanical Herb Garden

View all earth
Herbal Garden Fresh
Apothecary Bloom Green
Botanical Bloom Burst
Earthy Herb Garden
Herb Garden Bloom
Herbal Kitchen Garden