Back to palettes

Palette

Herb Garden Spice

A natural blend of greens and warm, spice-like yellows, reminiscent of a vibrant herb garden.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#3C6353#698F7A#B4CCB1#EBD5A9#C49162

Palette guide

How to use Herb Garden Spice

Overview

The Herb Garden Spice palette blends earthy greens with warm, inviting spice tones, creating a rich and grounded aesthetic. Dominant greens like #3C6353 and #698F7A evoke lush foliage, while the unexpected warmth of #EBD5A9 (a soft saffron) and #C49162 (a muted cinnamon) introduces a comforting, rustic feel. This palette is excellent for designs aiming to convey natural authenticity, warmth, and artisanal quality. Developers can use its distinct color groups to define sections, while designers will find it versatile for projects requiring both organic freshness and a touch of cozy elegance, making it highly adaptable.

Best used for

  • Artisanal food and craft branding
  • Farm-to-table restaurant websites
  • Home decor and textile design
  • Sustainable fashion labels
  • Herbal product packaging
  • Rustic wedding invitations

Suggested color roles

primary

#3C6353 – A deep, grounding green suitable for main branding, headers, and navigation.

secondary

#C49162 – A warm, inviting spice tone for calls to action, important highlights, or decorative elements.

accent

#EBD5A9 – A soft, sunny accent for subtle highlights, background textures, or secondary interactive elements.

background

#B4CCB1 – A muted, light green that offers a calm and natural base for content.

text

#3C6353 – Provides excellent contrast and readability on lighter backgrounds like #B4CCB1 or #EBD5A9.

Accessibility notes

  • Ensure #3C6353 text on #B4CCB1 or #EBD5A9 backgrounds meets WCAG contrast standards.
  • Verify the contrast of #C49162 when used for interactive elements against #B4CCB1 to ensure clickability.
  • Be cautious using #EBD5A9 for small text; it's better suited for larger headings or decorative accents.
  • Consider using a dark charcoal for body text if #3C6353 feels too light on specific light backgrounds for optimal legibility.

Recommended combinations

Earthy Core

Strong, readable text on a soft green background with a warm, inviting accent.

#3C6353 · #B4CCB1 · #C49162

Spiced Fresh

A natural green base with a soft spice highlight and a deep green for contrast.

#698F7A · #EBD5A9 · #3C6353

Warm & Grounded

Excellent for rustic themes, using warm tones with grounded green for balance and depth.

#C49162 · #B4CCB1 · #698F7A

CSS variables

:root {
  --herb-garden-spice-1: #3C6353;
  --herb-garden-spice-2: #698F7A;
  --herb-garden-spice-3: #B4CCB1;
  --herb-garden-spice-4: #EBD5A9;
  --herb-garden-spice-5: #C49162;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "herb-garden-spice": {
        1: "#3C6353",
        2: "#698F7A",
        3: "#B4CCB1",
        4: "#EBD5A9",
        5: "#C49162",
      }
    }
  }
}

Related searches

earthy green spice palettenatural warm color schemerustic herbal colorsorganic and cozy designfarmhouse style palette

Palette colors

Hex values

Color 1#3C6353
·
Color 2#698F7A
·
Color 3#B4CCB1
·
Color 4#EBD5A9
·
Color 5#C49162
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3.9:1AA18
4.7:1AA
2.4:1Fail
2
1.9:1Fail
2.1:1Fail
2.5:1Fail
1.3:1Fail
3
3.9:1AA18
2.1:1Fail
1.2:1Fail
1.6:1Fail
4
4.7:1AA
2.5:1Fail
1.2:1Fail
1.9:1Fail
5
2.4:1Fail
1.3:1Fail
1.6:1Fail
1.9:1Fail

Similar palettes

More like Herb Garden Spice

View all earth
Apothecary Bloom Green
Clay Pot Garden
Earthy Herb Garden
Herbalist Green Blend
Adobe Sunset
Ancient Canyon Echo