Back to palettes

Palette

Fresh Basil Herb

A lively collection of verdant greens, reflecting the aromatic freshness and natural vitality of basil leaves.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Fresh Basil Herb 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 Fresh Basil Herb.

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

Data visualization

#3CB371#6B8E23#9ACD32#2F4F4F#5F9A6C

Palette guide

How to use Fresh Basil Herb

Overview

The Fresh Basil Herb palette is a lively collection of verdant greens, reflecting the aromatic freshness and natural vitality of basil leaves. Featuring vibrant greens like #3CB371 and #9ACD32, alongside deeper, more earthy tones such as #6B8E23 and #5F9A6C, this palette is grounded by the deep, almost teal-gray #2F4F4F. Designers can use these refreshing colors to create organic, healthy, or eco-conscious designs for food brands, gardening businesses, or wellness products. It's perfect for conveying a sense of natural freshness, growth, and vitality, bringing a vibrant, earthy feel to any project.

Best used for

  • Organic food and beverage branding
  • Gardening and horticulture websites
  • Health and wellness product packaging
  • Eco-friendly and sustainable brand identities
  • Nature-themed illustrations and designs
  • Farm-to-table restaurant branding

Suggested color roles

primary

Use the deep #2F4F4F or #6B8E23 for foundational elements, providing a strong, earthy base for the vibrant greens.

secondary

Apply #3CB371 or #5F9A6C for supporting sections, card backgrounds, or key illustrative elements to introduce lushness.

accent

Leverage the bright #9ACD32 for highlights, call-to-action buttons, or elements needing a fresh, energetic pop.

background

#9ACD32 offers a vibrant, energetic canvas, while #2F4F4F provides a sophisticated, deep backdrop.

text

For light backgrounds, use #2F4F4F or a dark charcoal for excellent readability. For dark backgrounds, #9ACD32 or a near-white is ideal.

Accessibility notes

  • Ensure sufficient contrast when using #9ACD32 on #3CB371; they are relatively close in hue and value.
  • The dark #2F4F4F offers excellent contrast for text against all the lighter greens in the palette.
  • Avoid using light text colors on #9ACD32 or #3CB371; always opt for dark, contrasting text.
  • Always test color combinations with accessibility tools to meet WCAG standards, especially for interactive elements.

Recommended combinations

Garden Fresh

Creates a dynamic, natural contrast for logos, headers, or areas needing a vibrant yet grounded feel.

#2F4F4F · #3CB371 · #9ACD32

Basil Blend

Ideal for backgrounds, subtle gradients, or UI elements that evoke a seamless, organic texture.

#6B8E23 · #5F9A6C · #3CB371

Zesty Leaf

A vibrant combination for call-to-actions, infographics, or designs needing a fresh, energetic highlight.

#9ACD32 · #3CB371 · #2F4F4F

CSS variables

:root {
  --fresh-basil-herb-1: #3CB371;
  --fresh-basil-herb-2: #6B8E23;
  --fresh-basil-herb-3: #9ACD32;
  --fresh-basil-herb-4: #2F4F4F;
  --fresh-basil-herb-5: #5F9A6C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "fresh-basil-herb": {
        1: "#3CB371",
        2: "#6B8E23",
        3: "#9ACD32",
        4: "#2F4F4F",
        5: "#5F9A6C",
      }
    }
  }
}

Related searches

fresh basil green palettenatural herb colorsvibrant green earthyorganic food brandinggarden fresh hex codes

Palette colors

Hex values

Color 1#3CB371
·
Color 2#6B8E23
·
Color 3#9ACD32
·
Color 4#2F4F4F
·
Color 5#5F9A6C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.4:1Fail
3.3:1AA18
1.2:1Fail
2
1.4:1Fail
2:1Fail
2.3:1Fail
1.1:1Fail
3
1.4:1Fail
2:1Fail
4.7:1AA
1.8:1Fail
4
3.3:1AA18
2.3:1Fail
4.7:1AA
2.7:1Fail
5
1.2:1Fail
1.1:1Fail
1.8:1Fail
2.7:1Fail

Similar palettes

More like Fresh Basil Herb

View all earth
Apothecary Bloom Green
Earthy Herb Garden
Fresh Harvest Greens
Herbal Garden Brew
Herbalist Green Blend
Botanical Bloom Burst