Back to palettes

Palette

Earthen Claypot

Inspired by sun-baked pottery and ancient soil, bringing warmth and grounding to any design.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A52A2A#CD853F#D2B48C#BDB76B#8B4513

Palette guide

How to use Earthen Claypot

Overview

The Earthen Claypot palette offers a rich, grounding blend of warm earth tones, inspired by sun-baked pottery and ancient soil. This collection features the robust #A52A2A (Brown-Red) and the inviting #CD853F (Peru), complemented by the soft #D2B48C (Tan) and earthy #8B4513 (Saddle Brown). Designers will find these colors ideal for creating a natural, rustic, and comforting aesthetic in various applications. Developers can utilize this palette to build interfaces that evoke authenticity and a connection to traditional craftsmanship, ensuring a warm and approachable user experience across digital platforms.

Best used for

  • Rustic branding and logos
  • Natural product packaging
  • Traditional interior design themes
  • Artisan craft websites
  • Farm-to-table restaurant menus
  • Historical or heritage-focused digital content

Suggested color roles

primary

#8B4513 (Saddle Brown) provides a deep, grounding base for main elements and strong text.

secondary

#CD853F (Peru) offers a warm, inviting mid-tone, excellent for content blocks or secondary headings.

accent

#A52A2A (Brown-Red) serves as a bold, earthy highlight for calls to action or important details.

background

#D2B48C (Tan) creates a soft, neutral, and warm canvas that enhances the other colors.

text

Use #8B4513 for primary text on lighter backgrounds like #D2B48C to ensure excellent readability.

Accessibility notes

  • Ensure sufficient contrast when pairing #CD853F on #D2B48C, especially for smaller text sizes.
  • Darker colors like #A52A2A and #8B4513 offer strong contrast on light backgrounds for accessible text.
  • Avoid using #BDB76B for small or essential text on #D2B48C due to potential low contrast.
  • Provide clear visual cues beyond color for interactive elements to aid users with color vision deficiencies.

Recommended combinations

Warm Earth

Use for bold, grounded headers, strong visual elements, or rich imagery overlays.

#A52A2A · #CD853F · #8B4513

Soft Clay

Ideal for gentle backgrounds, UI elements, or subtle gradients that require warmth and softness.

#D2B48C · #BDB76B · #CD853F

Rustic Accent

Combine a dark primary with a bold accent on a light background for clear hierarchy and visual appeal.

#8B4513 · #A52A2A · #D2B48C

CSS variables

:root {
  --earthen-claypot-1: #A52A2A;
  --earthen-claypot-2: #CD853F;
  --earthen-claypot-3: #D2B48C;
  --earthen-claypot-4: #BDB76B;
  --earthen-claypot-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "earthen-claypot": {
        1: "#A52A2A",
        2: "#CD853F",
        3: "#D2B48C",
        4: "#BDB76B",
        5: "#8B4513",
      }
    }
  }
}

Related searches

terracotta color schemesrustic brown palettesnatural earth toneswarm traditional colorsclaypot inspired design

Palette colors

Hex values

Color 1#A52A2A
·
Color 2#CD853F
·
Color 3#D2B48C
·
Color 4#BDB76B
·
Color 5#8B4513
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.4:1Fail
3.6:1AA18
3.4:1AA18
1:1Fail
2
2.4:1Fail
1.5:1Fail
1.4:1Fail
2.4:1Fail
3
3.6:1AA18
1.5:1Fail
1:1Fail
3.6:1AA18
4
3.4:1AA18
1.4:1Fail
1:1Fail
3.4:1AA18
5
1:1Fail
2.4:1Fail
3.6:1AA18
3.4:1AA18

Similar palettes

More like Earthen Claypot

View all earth
Ancient Clay Vessel
Earthen Clay Pottery
Earthy Artisan Clay
Kiln Fired Earth
Woven Basket Weave
Aged Wood Stain