Palette

Spiced Earth Harvest

A rich tapestry of earthy tones, evoking the warmth and bounty of an autumn harvest.

EarthNatural5 colors

More Earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Spiced Earth Harvest 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 Spiced Earth Harvest.

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

Data visualization

#8B4513#CD853F#D2B48C#B08C70#A0522D

Palette guide

How to use Spiced Earth Harvest

Overview

The Spiced Earth Harvest palette presents a rich tapestry of grounding earth tones, evoking the warmth and bounty of an autumn harvest. This collection features a deep, robust brown `#8B4513`, a warm medium brown `#CD853F`, and a lighter, sandy beige `#D2B48C`. Complementing these are a muted, slightly reddish brown `#B08C70` and a dark, reddish-orange brown `#A0522D`. Designers and developers can leverage this palette to create designs that feel authentic, rustic, and comforting. It's highly effective for projects that aim to convey tradition, natural quality, or a cozy, vintage aesthetic, providing a solid foundation for engaging visual experiences.

Best used for

Farm-to-Table Restaurant Branding
Rustic Home Decor & Furniture Websites
Craft & Artisan Product Packaging
Autumnal Event Marketing
Sustainable & Eco-friendly Brands
Vintage-themed Websites or Blogs

Suggested color roles

primary

Designate `#8B4513` as the primary brand color for strong headlines or calls-to-action, offering deep stability.

secondary

Use `#CD853F` for supporting elements, subheadings, or background sections that need a warm, approachable feel.

accent

Apply `#A0522D` sparingly for impactful highlights, icons, or interactive elements, adding a subtle, spiced pop.

background

Utilize `#D2B48C` as a warm, neutral background, providing a soft canvas that allows other colors to stand out.

text

For body text, a deep brown like `#8B4513` or a dark charcoal ensures optimal readability against lighter tones.

Accessibility notes

Ensure `#8B4513` or charcoal text has sufficient contrast against `#D2B48C` and `#CD853F` backgrounds.
Avoid using `#B08C70` or `#CD853F` for small text on `#D2B48C` due to potential low contrast.
All palette colors are relatively dark; use a lighter background color outside the palette (e.g., off-white) for extensive text.
Check contrast ratios meticulously when pairing medium browns like `#CD853F` and `#B08C70`.

Recommended combinations

Harvest Core

Creates a classic, rustic look, excellent for main content areas and branding that needs to feel grounded and warm.

#8B4513 · #D2B48C · #CD853F

Spiced Ground

Ideal for evoking a deeper, more sophisticated earthy feel; perfect for accents or elements requiring subtle richness.

#A0522D · #B08C70 · #8B4513

Warm Earth

Offers a softer, inviting blend for backgrounds and supporting visuals, maintaining warmth without being overly dark.

#CD853F · #D2B48C · #A0522D

CSS variables

:root {
  --spiced-earth-harvest-1: #8B4513;
  --spiced-earth-harvest-2: #CD853F;
  --spiced-earth-harvest-3: #D2B48C;
  --spiced-earth-harvest-4: #B08C70;
  --spiced-earth-harvest-5: #A0522D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-earth-harvest": {
        1: "#8B4513",
        2: "#CD853F",
        3: "#D2B48C",
        4: "#B08C70",
        5: "#A0522D",
      }
    }
  }
}

Hex values

Color 1#8B4513

Color 2#CD853F

Color 3#D2B48C

Color 4#B08C70

Color 5#A0522D

Accessibility

Contrast checker

2.4:1Fail

3.6:1AA18

2.3:1Fail

1.3:1Fail

2.4:1Fail

1.5:1Fail

1:1Fail

1.9:1Fail

3.6:1AA18

1.5:1Fail

1.6:1Fail

2.8:1Fail

2.3:1Fail

1:1Fail

1.6:1Fail

1.8:1Fail

1.3:1Fail

1.9:1Fail

2.8:1Fail

1.8:1Fail

Similar palettes

More like Spiced Earth Harvest

View all Earth

Ancient Pottery

Bohemian Textile Blend

Desert Bloom Echo

Gingerbread Spice Mill

Rustic Hearth Glow

Warm Terracotta Earth