Palette

Desert Clay Pottery

Earthen reds, burnt oranges, and sandy beiges inspired by traditional handcrafted clayware in desert sun.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Desert Clay 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 Desert Clay Pottery.

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

Data visualization

#7A3D24#B85F3C#DB855D#F4C499#F8EFE5

Palette guide

How to use Desert Clay Pottery

Overview

The Desert Clay Pottery palette features earthen reds, burnt oranges, and sandy beiges inspired by traditional handcrafted clayware in desert sun. This vibrant collection features the deep #7A3D24 and the energetic #B85F3C, complemented by the inviting #DB855D and the airy #F4C499. The inclusion of the almost-white #F8EFE5 adds a balancing, sun-kissed element. Designers and developers can utilize these colors to evoke a sense of heritage, craftsmanship, and natural warmth. It's an excellent choice for projects requiring a rustic, authentic, and visually rich aesthetic that connects to traditional artistry and natural environments.

Best used for

Handmade pottery and ceramics
Rustic home decor brands
Southwestern-themed events
Artisan craft websites
Natural beauty and wellness products
Coffee shop or bakery branding

Suggested color roles

primary

#B85F3C - A vibrant, burnt orange, excellent for main content areas, bold headings, or dominant graphic elements, conveying warmth and energy.

secondary

#7A3D24 - A deep, rich earth red-brown, providing a strong, grounding presence for navigation, footers, or important textual content.

accent

#DB855D - A lighter, warm peach-orange, perfect for subtle highlights, interactive states, or decorative flourishes that add visual interest.

background

#F8EFE5 - A very light, creamy beige, serving as a clean, spacious backdrop that enhances readability and the natural feel.

text

#7A3D24 - A deep, robust brown, offering excellent readability for body text against lighter backgrounds, or use black for maximum contrast.

Accessibility notes

Ensure sufficient contrast between #7A3D24 text and #F8EFE5 backgrounds for WCAG AA compliance.
Avoid using #B85F3C or #DB855D for small text on similar background shades, as contrast may be insufficient.
For critical information, pair the darkest color #7A3D24 with the lightest background #F8EFE5.
Consider using pure black or a very dark charcoal for body text on very light backgrounds for optimal legibility.

Recommended combinations

Pottery Contrast

High-contrast pairing for headlines and clean backgrounds, evoking raw earth and light.

#7A3D24 · #F8EFE5 · #B85F3C

Terracotta Glow

A vibrant, warm blend for layered UI elements or subtle branding accents, reflecting sun-baked clay.

#B85F3C · #DB855D · #F4C499

Earthen Craft

A versatile trio for extensive layouts, providing depth and natural warmth across sections.

#7A3D24 · #F4C499 · #F8EFE5

CSS variables

:root {
  --desert-clay-pottery-1: #7A3D24;
  --desert-clay-pottery-2: #B85F3C;
  --desert-clay-pottery-3: #DB855D;
  --desert-clay-pottery-4: #F4C499;
  --desert-clay-pottery-5: #F8EFE5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-clay-pottery": {
        1: "#7A3D24",
        2: "#B85F3C",
        3: "#DB855D",
        4: "#F4C499",
        5: "#F8EFE5",
      }
    }
  }
}

Hex values

Color 1#7A3D24

Color 2#B85F3C

Color 3#DB855D

Color 4#F4C499

Color 5#F8EFE5

Accessibility

Contrast checker

1.9:1Fail

3:1Fail

5.2:1AA

7.3:1AAA

1.9:1Fail

1.6:1Fail

2.8:1Fail

3.9:1AA18

3:1Fail

1.6:1Fail

1.8:1Fail

2.5:1Fail

5.2:1AA

2.8:1Fail

1.8:1Fail

1.4:1Fail

7.3:1AAA

3.9:1AA18

2.5:1Fail

1.4:1Fail

Similar palettes

More like Desert Clay Pottery