Palette

Desert Pot Shards

Sunbaked tones of ancient clay artifacts, revealing the warmth and history of aged earthen crafts.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Desert Pot Shards 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 Desert Pot Shards.

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

Data visualization

#A36B5E#D29C8B#8A4F41#5C3A35#C4A48A

Palette guide

How to use Desert Pot Shards

Overview

The Desert Pot Shards palette is a beautifully grounded collection, drawing inspiration from ancient, sunbaked pottery and weathered clay. It features a range of warm, muted browns and terracotta tones, starting with the inviting #A36B5E and the softer, aged #D29C8B. Deeper, more intense shades like #8A4F41 and the rich, foundational #5C3A35 provide robust anchors, conveying a sense of history and craftsmanship. The lightest hue, #C4A48A, offers a subtle, sandy contrast, perfect for balancing the deeper tones. This palette is an excellent choice for designers and developers aiming to evoke rustic charm, artisanal quality, and a timeless, organic aesthetic in their projects.

Best used for

Handmade pottery or craft websites
Rustic home decor branding
Vintage-inspired graphic design
Cultural heritage site interfaces
E-commerce for artisanal goods
Warm, inviting blog themes

Suggested color roles

primary

Utilize #A36B5E as a primary brand color, offering a warm, approachable, and earthy foundation for main sections.

secondary

Employ #D29C8B for supporting elements, background panels, or subheadings, providing a softer, aged feel.

accent

Apply #C4A48A as a gentle accent for subtle highlights, interactive states, or decorative flourishes, offering light contrast.

background

Designate #C4A48A as a light, natural background color, allowing the deeper terracotta hues to stand out.

text

Use #5C3A35 for primary body text and important labels, ensuring excellent readability and a sophisticated, deep brown tone.

Accessibility notes

Ensure #5C3A35 text has strong contrast when placed on #C4A48A or #D29C8B backgrounds for optimal readability.
Avoid using #A36B5E directly on #8A4F41 for text as their contrast may be insufficient for accessibility.
When using #D29C8B for text, ensure it is on a significantly darker background like #5C3A35 or #8A4F41.
Interactive elements should use a distinct color from the palette, or a standard white/black, for clear visual feedback.

Recommended combinations

Clay & Sand

Excellent for creating layered backgrounds or card designs, with light sand base and deep clay accents.

#C4A48A · #A36B5E · #5C3A35

Aged Terracotta

Ideal for evoking a sense of weathered history, using #D29C8B as a base with darker, rich details.

#D29C8B · #8A4F41 · #5C3A35

Potter's Wheel

Perfect for subtle gradients or warm, inviting sections where softness and natural warmth are key.

#A36B5E · #D29C8B · #C4A48A

CSS variables

:root {
  --desert-pot-shards-1: #A36B5E;
  --desert-pot-shards-2: #D29C8B;
  --desert-pot-shards-3: #8A4F41;
  --desert-pot-shards-4: #5C3A35;
  --desert-pot-shards-5: #C4A48A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-pot-shards": {
        1: "#A36B5E",
        2: "#D29C8B",
        3: "#8A4F41",
        4: "#5C3A35",
        5: "#C4A48A",
      }
    }
  }
}

Hex values

Color 1#A36B5E

Color 2#D29C8B

Color 3#8A4F41

Color 4#5C3A35

Color 5#C4A48A

Accessibility

Contrast checker

1.8:1Fail

1.5:1Fail

2.3:1Fail

1.9:1Fail

1.8:1Fail

2.7:1Fail

4.2:1AA18

1:1Fail

1.5:1Fail

2.7:1Fail

1.6:1Fail

2.8:1Fail