Back to palettes

Palette

Wild Thyme Patch

The fresh greens of creeping thyme dotted with hints of its delicate purple flowers in a sunny field.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Wild Thyme Patch 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 Wild Thyme Patch.

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

Data visualization

#6B8E23#9ACD32#ADFF2F#DDA0DD#8FBC8F

Palette guide

How to use Wild Thyme Patch

Overview

The Wild Thyme Patch palette brings to life the vibrant greens of creeping thyme dotted with delicate purple flowers. This natural and refreshing collection features the robust #6B8E23 and the bright #9ACD32, reflecting lush foliage. The even more vivid #ADFF2F adds an energetic highlight, while the unexpected #DDA0DD introduces a soft, enchanting floral note. A grounding, muted green, #8FBC8F, ties the palette together, creating a harmonious balance. This palette is perfect for designs aiming to convey freshness, organic qualities, and a touch of whimsical natural charm, appealing to brands focused on natural products and lively aesthetics.

Best used for

  • Herbal product packaging
  • Garden and landscaping websites
  • Organic food and beverage branding
  • Springtime event promotions
  • Nature-inspired children's books
  • Eco-conscious brand identities

Suggested color roles

primary

Use #6B8E23 as the main vibrant green for strong headings or background sections, representing growth and vitality.

secondary

Employ #9ACD32 for supporting elements, interactive components, or to bring a fresh, bright feel to sections.

accent

Introduce #DDA0DD as a delicate, unexpected accent for calls to action, decorative elements, or small illustrations.

background

Select #8FBC8F as a soft, muted green base, providing a natural and calming canvas that allows other colors to shine.

text

For clear readability, use #6B8E23 or a dark charcoal color for body text, especially on lighter green backgrounds.

Accessibility notes

  • The very bright #ADFF2F should be used sparingly for text, if at all, due to potential contrast issues.
  • Ensure sufficient contrast for #DDA0DD when used for text; it may require a very dark background or a larger font size.
  • Using #6B8E23 for text on #8FBC8F provides reasonable contrast, but always verify WCAG compliance.
  • Avoid pairing similar light greens (e.g., #ADFF2F and #9ACD32) for text and background to maintain readability.

Recommended combinations

Fresh Herbs

Creates a harmonious green-focused scheme, ideal for backgrounds, main content, and subtle highlights in natural designs.

#8FBC8F · #6B8E23 · #9ACD32

Thyme Bloom

Highlights the greens with a floral purple pop, perfect for adding a touch of whimsy and focus to specific elements.

#6B8E23 · #DDA0DD · #ADFF2F

Vibrant Patch

Delivers a bright and playful combination, suitable for energetic accents, graphic elements, or cheerful illustrations.

#9ACD32 · #ADFF2F · #DDA0DD

CSS variables

:root {
  --wild-thyme-patch-1: #6B8E23;
  --wild-thyme-patch-2: #9ACD32;
  --wild-thyme-patch-3: #ADFF2F;
  --wild-thyme-patch-4: #DDA0DD;
  --wild-thyme-patch-5: #8FBC8F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "wild-thyme-patch": {
        1: "#6B8E23",
        2: "#9ACD32",
        3: "#ADFF2F",
        4: "#DDA0DD",
        5: "#8FBC8F",
      }
    }
  }
}

Related searches

herbal green palettegarden color schemenatural green purplefresh thyme colorsorganic design palette

Palette colors

Hex values

Color 1#6B8E23
·
Color 2#9ACD32
·
Color 3#ADFF2F
·
Color 4#DDA0DD
·
Color 5#8FBC8F
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
3.1:1AA18
1.8:1Fail
1.8:1Fail
2
2:1Fail
1.5:1Fail
1.1:1Fail
1.1:1Fail
3
3.1:1AA18
1.5:1Fail
1.7:1Fail
1.8:1Fail
4
1.8:1Fail
1.1:1Fail
1.7:1Fail
1:1Fail
5
1.8:1Fail
1.1:1Fail
1.8:1Fail
1:1Fail

Similar palettes

More like Wild Thyme Patch

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