Palette

Apothecary Herb Dry

Warm, earthy browns recalling the subtle fragrances and textures of dried herbs in an ancient apothecary.

EarthNatural5 colors

More Earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Apothecary Herb Dry 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 Herb Dry.

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

Data visualization

#A1887F#8D6E63#6D4C41#4E342E#3E2723

Palette guide

How to use Apothecary Herb Dry

Overview

The Apothecary Herb Dry palette features warm, earthy browns, recalling the subtle fragrances and textures of dried herbs in an ancient apothecary. This natural collection spans from the deep, grounding #3E2723 to the delicate, warm #A1887F, perfect for designs seeking a vintage, authentic, and subtly earthy aesthetic. Intermediate shades like #4E342E and #6D4C41 provide gentle transitions, ideal for creating depth without overwhelming the senses. Designers can leverage these hex codes for timeless branding, naturalistic web interfaces, or editorial content that requires a soft, organic, and understated feel. Developers will find these colors excellent for crafting elegant digital experiences, from educational platforms to eco-friendly e-commerce sites, where a classic, gentle 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 #3E2723 as a deep, anchoring primary for headings, important buttons, or strong graphic elements, providing sophisticated contrast.

secondary

Employ #4E342E for supporting elements, subheadings, or rich background panels, offering a deeper tone without losing the palette's softness.

accent

Apply #6D4C41 for subtle decorative accents, interactive states, or delicate graphic details, providing a gentle highlight.

background

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

text

For optimal legibility, use #3E2723 or a deep charcoal against the lightest backgrounds like #A1887F. For secondary text, #4E342E can be effective on lighter backgrounds.

Accessibility notes

Ensure #3E2723 text on #A1887F background meets WCAG AA contrast standards.
Avoid pairing #6D4C41 or #8D6E63 for small text on #A1887F, 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

Dried Herbs

Creates a rustic base for content with a light background and sophisticated, muted brown accents.

#A1887F · #3E2723 · #4E342E

Aged Apothecary

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

#6D4C41 · #8D6E63 · #4E342E

Natural Warmth

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

#8D6E63 · #A1887F · #6D4C41

CSS variables

:root {
  --apothecary-herb-dry-1: #A1887F;
  --apothecary-herb-dry-2: #8D6E63;
  --apothecary-herb-dry-3: #6D4C41;
  --apothecary-herb-dry-4: #4E342E;
  --apothecary-herb-dry-5: #3E2723;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "apothecary-herb-dry": {
        1: "#A1887F",
        2: "#8D6E63",
        3: "#6D4C41",
        4: "#4E342E",
        5: "#3E2723",
      }
    }
  }
}

Hex values

Color 1#A1887F

Color 2#8D6E63

Color 3#6D4C41

Color 4#4E342E

Color 5#3E2723

Accessibility

Contrast checker

1.4:1Fail

2.3:1Fail

3.4:1AA18

4.2:1AA18

1.4:1Fail

1.6:1Fail

2.4:1Fail

3:1Fail

2.3:1Fail

1.6:1Fail

1.5:1Fail

1.8:1Fail

3.4:1AA18

2.4:1Fail

1.5:1Fail

1.2:1Fail

4.2:1AA18

3:1Fail

1.8:1Fail

1.2:1Fail

Similar palettes

More like Apothecary Herb Dry

View all Earth

Ancient Parchment Script

Botanical Earth Ground

Earthen Clay Pot

Earthen Roots

Gingerbread Spice Mill

Rustic Barnwood Tones