Palette

Apothecary Bloom Green

The crisp, earthy scent of an herb garden in bloom, alive with verdant growth and soft, natural tones.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Apothecary Bloom Green 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 Apothecary Bloom Green.

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

Data visualization

#4A5C4C#738E75#A2B9A4#D0E4D2#C49F86

Palette guide

How to use Apothecary Bloom Green

Overview

The Apothecary Bloom Green palette captures the crisp, earthy scent of an herb garden in bloom, alive with verdant growth and soft, natural tones. This refreshing collection ranges from the deep, grounding #4A5C4C to the delicate, warm #C49F86, with #A2B9A4 and #738E75 providing lush green transitions. Perfect for designs seeking an organic, natural, and subtly restorative aesthetic, these hex codes are ideal for wellness branding, eco-friendly web interfaces, or editorial content focused on nature. Designers and developers will find these colors excellent for crafting serene digital experiences, from herbal product sites to sustainable living platforms, where a calm, authentic aesthetic is desired.

Best used for

Herbal and natural product branding
Wellness and spa website design
Eco-friendly and sustainable initiatives
Botanical art and illustration
Garden and outdoor living blogs
Health food packaging

Suggested color roles

primary

Utilize #4A5C4C as a deep, anchoring primary for headings, important buttons, or strong graphic elements, providing sophisticated contrast.

secondary

Employ #738E75 for supporting elements, subheadings, or rich background panels, offering a lush green without losing the palette's freshness.

accent

Apply #C49F86 for subtle decorative accents, interactive states, or delicate graphic details, providing a warm, earthy highlight.

background

The lightest tone, #D0E4D2, is perfect as a clean, elegant background, ensuring excellent readability and a refined feel.

text

For optimal legibility, use #4A5C4C or a deep charcoal against the lightest backgrounds like #D0E4D2. For secondary text, #738E75 can be effective on lighter backgrounds.

Accessibility notes

Ensure #4A5C4C text on #D0E4D2 background meets WCAG AA contrast standards.
Avoid pairing #A2B9A4 or #C49F86 for small text on #D0E4D2, as contrast will be too low.
Provide clear visual focus indicators for interactive elements, ensuring they stand out against similar background tones.
For critical information, consider using the darkest palette color for text on the lightest background.

Recommended combinations

Herb Garden

Creates a fresh, natural base for content with a light background and sophisticated, muted green accents.

#D0E4D2 · #4A5C4C · #738E75

Bloom & Earth

Ideal for layered UI components or subtle branding, creating depth with closely related green and earthy tones.

#A2B9A4 · #C49F86 · #738E75

Natural Highlight

Excellent for backgrounds with a gentle luminosity or for decorative elements that need a soft, inviting sheen.

#C49F86 · #D0E4D2 · #A2B9A4

CSS variables

:root {
  --apothecary-bloom-green-1: #4A5C4C;
  --apothecary-bloom-green-2: #738E75;
  --apothecary-bloom-green-3: #A2B9A4;
  --apothecary-bloom-green-4: #D0E4D2;
  --apothecary-bloom-green-5: #C49F86;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "apothecary-bloom-green": {
        1: "#4A5C4C",
        2: "#738E75",
        3: "#A2B9A4",
        4: "#D0E4D2",
        5: "#C49F86",
      }
    }
  }
}

Hex values

Color 1#4A5C4C

Color 2#738E75

Color 3#A2B9A4

Color 4#D0E4D2

Color 5#C49F86

Accessibility

Contrast checker

2:1Fail

3.4:1AA18

5.4:1AA

3:1Fail

2:1Fail

1.7:1Fail

2.7:1Fail

1.5:1Fail

3.4:1AA18

1.7:1Fail

1.6:1Fail

1.2:1Fail

5.4:1AA

2.7:1Fail

1.6:1Fail

1.8:1Fail

3:1Fail

1.5:1Fail

1.2:1Fail

1.8:1Fail

Similar palettes

More like Apothecary Bloom Green

View all earth

Earthy Herb Garden

Botanical Bloom Burst

Botanical Herb Garden

Fresh Basil Herb

Herb Garden Bloom

Herbal Garden Brew