Palette

Spiced Earth Pottery

Warm and grounding, inspired by handcrafted pottery and the rich, comforting hues of various kitchen spices.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B4513#CD853F#D2B48C#A0522D#B87333

Palette guide

How to use Spiced Earth Pottery

Overview

The Spiced Earth Pottery palette is a grounding collection of warm, rustic earth tones, reminiscent of handcrafted clay and comforting kitchen spices. It features a deep, stable brown `#8B4513`, a rich medium brown `#CD853F`, and a soft, sandy beige `#D2B48C`. Complementing these are a deep, reddish-orange brown `#A0522D` and a metallic, warm bronze `#B87333`. Designers and developers can use this palette to create designs that feel authentic, artisanal, and comforting. It's particularly effective for projects aiming to convey tradition, natural craftsmanship, or a cozy, handmade aesthetic, providing a solid foundation for appealing visual experiences.

Best used for

Handmade Crafts & Pottery E-commerce
Artisan Food & Spice Product Packaging
Rustic Home Goods & Decor Websites
Cafe & Bakery Branding
Sustainable & Ethical Fashion Brands
Photography Portfolios (natural, earthy themes)

Suggested color roles

primary

Use `#8B4513` as a strong, grounding primary color for headers or important calls-to-action.

secondary

Employ `#CD853F` for supporting elements, subheadings, or background sections that need a warm, inviting depth.

accent

Apply `#B87333` sparingly for highlights, icons, or interactive elements to add a touch of warm, metallic luster.

background

Utilize `#D2B48C` as a warm, neutral background, providing a soft, comforting canvas that highlights content.

text

For body text, `#A0522D` offers excellent readability and complements the palette's earthy warmth, or use a dark charcoal.

Accessibility notes

Ensure `#8B4513` or `#A0522D` text has sufficient contrast against `#D2B48C` backgrounds for readability.
Avoid using `#B87333` or `#CD853F` for small text on `#D2B48C` due to potential low contrast.
All colors are relatively warm and mid-to-dark; consider using a near-white for text on the darkest colors.
Check contrast ratios meticulously when pairing medium browns like `#CD853F` and `#B87333`.

Recommended combinations

Clay & Bronze

Creates an authentic, handcrafted feel, ideal for product showcases or branding that emphasizes natural materials.

#8B4513 · #D2B48C · #B87333

Spiced Earth

Excellent for evoking a deep, rich, and comforting mood; perfect for feature blocks or sophisticated, earthy designs.

#A0522D · #CD853F · #8B4513

Warm Pottery

Offers a harmonious, inviting blend for backgrounds and supporting visuals, maintaining warmth and approachable elegance.

#CD853F · #D2B48C · #B87333

CSS variables

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

Tailwind config

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

Hex values

Color 1#8B4513

Color 2#CD853F

Color 3#D2B48C

Color 4#A0522D

Color 5#B87333

Accessibility

Contrast checker

2.4:1Fail

3.6:1AA18

1.3:1Fail

1.9:1Fail

2.4:1Fail

1.5:1Fail

1.9:1Fail

1.3:1Fail

3.6:1AA18

1.5:1Fail

2.8:1Fail

1.9:1Fail

1.3:1Fail

1.9:1Fail

2.8:1Fail

1.5:1Fail

1.9:1Fail

1.3:1Fail

1.9:1Fail

1.5:1Fail

Similar palettes

More like Spiced Earth Pottery

Spiced Earth Pottery

See it in context.

Ready when you are.

Built with Spiced Earth Pottery.

How to use Spiced Earth Pottery

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Clay & Bronze

Spiced Earth

Warm Pottery

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Spiced Earth Pottery