Back to palettes

Palette

Earthen Clay Pots

Rich, sun-baked earth tones, reflecting handmade clay vessels and ancient craft.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Earthen Clay Pots 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 Earthen Clay Pots.

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

Data visualization

#A0522D#CD853F#D2B48C#8B4513#7B3F00

Palette guide

How to use Earthen Clay Pots

Overview

The Earthen Clay Pots palette offers rich, sun-baked earth tones, reflecting handmade clay vessels and ancient craft. Featuring deep browns like #A0522D, #8B4513, and #7B3F00, it's beautifully complemented by warmer, lighter tones such as #CD853F and #D2B48C. This palette is ideal for designers and developers seeking to create natural, rustic, and authentic experiences. It's versatile for conveying craftsmanship, warmth, and an organic feel across web interfaces, branding, and physical product designs, particularly those with an artisanal or traditional aesthetic.

Best used for

  • Handmade pottery branding
  • Rustic home goods e-commerce
  • Artisan food packaging
  • Eco-friendly product lines
  • Traditional craft websites
  • Farm-to-table restaurant branding

Suggested color roles

primary

#CD853F - A warm, inviting clay orange-brown, excellent for primary UI elements or brand accents.

secondary

#A0522D - A rich, reddish-brown, ideal for supporting content or secondary highlights.

accent

#8B4513 - The deepest, most grounding saddle brown, perfect for impactful accents or calls-to-action.

background

#D2B48C - The lightest, sandy beige, providing a soft and natural canvas.

text

#7B3F00 - A very deep, readable dark brown, ensuring strong contrast on lighter palette colors.

Accessibility notes

  • Ensure #7B3F00 or #8B4513 is used for text on #D2B48C or #CD853F to meet WCAG contrast guidelines.
  • Avoid using #A0522D for text on #CD853F due to insufficient contrast.
  • The darkest shades provide excellent contrast for text on any of the lighter palette colors.
  • Test all text/background color pairs with WCAG 2.1 AA guidelines, especially for small text.

Recommended combinations

Clay & Sand

Soft, warm background gradients or layered visual effects evoking natural materials.

#D2B48C · #CD853F · #A0522D

Artisan Contrast

High-contrast headings, buttons, or key information against a clean, light backdrop.

#7B3F00 · #8B4513 · #D2B48C

Rustic Blend

Creating balanced content blocks or decorative elements with an organic, handmade feel.

#A0522D · #CD853F · #8B4513

CSS variables

:root {
  --earthen-clay-pots-1: #A0522D;
  --earthen-clay-pots-2: #CD853F;
  --earthen-clay-pots-3: #D2B48C;
  --earthen-clay-pots-4: #8B4513;
  --earthen-clay-pots-5: #7B3F00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "earthen-clay-pots": {
        1: "#A0522D",
        2: "#CD853F",
        3: "#D2B48C",
        4: "#8B4513",
        5: "#7B3F00",
      }
    }
  }
}

Related searches

earthen clay color palettenatural pottery tonesrustic brown schemeartisan earth colorswarm clay aesthetic

Palette colors

Hex values

Color 1#A0522D
·
Color 2#CD853F
·
Color 3#D2B48C
·
Color 4#8B4513
·
Color 5#7B3F00
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
2.8:1Fail
1.3:1Fail
1.5:1Fail
2
1.9:1Fail
1.5:1Fail
2.4:1Fail
2.8:1Fail
3
2.8:1Fail
1.5:1Fail
3.6:1AA18
4.2:1AA18
4
1.3:1Fail
2.4:1Fail
3.6:1AA18
1.2:1Fail
5
1.5:1Fail
2.8:1Fail
4.2:1AA18
1.2:1Fail

Similar palettes

More like Earthen Clay Pots

View all earth
Ancient Clay Pottery
Artisan Clay Glaze
Ceramic Pot Earth
Earthen Potters Wheel
Earthen Vessel Warmth
Earthy Glaze Pottery