Back to palettes

Palette

Earthen Pot Shard

Warm, sun-baked browns and oranges reminiscent of ancient pottery and raw earth pigments.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A0522D#CD853F#D2691E#F4A460#D2B48C

Palette guide

How to use Earthen Pot Shard

Overview

The Earthen Pot Shard palette offers a vibrant collection of warm, sun-baked browns and oranges, reminiscent of ancient pottery fragments and raw earth pigments. With the bold #D2691E (Chocolate) and the inviting #CD853F (Peru) as key tones, balanced by the soft #D2B48C (Tan), this palette provides a rich, energetic yet grounded feel. Designers can utilize these colors to evoke warmth, history, and a touch of rustic charm, making it highly versatile for creative projects that require an authentic, natural aesthetic and a sense of timelessness.

Best used for

  • Southwestern-inspired design projects
  • Artisanal food and beverage packaging
  • Historical travel blogs and tourism sites
  • Rustic event invitations and stationery
  • Natural beauty product branding
  • Desert landscape art and photography

Suggested color roles

primary

#D2691E (Chocolate) serves as a strong, deep orange-brown for impactful headings, branding, and key visuals.

secondary

#A0522D (Sienna) offers a rich, earthy tone for subheadings, content blocks, and supporting UI elements.

accent

#F4A460 (Sandy Brown) provides a brighter, warm highlight for calls to action, interactive elements, or focal points.

background

#D2B48C (Tan) creates a soft, neutral base that allows the warmer colors to pop and content to be legible.

text

Use #A0522D or a dark brown/charcoal on #D2B48C for optimal readability across various text elements.

Accessibility notes

  • Both #A0522D and #D2691E provide good contrast on #D2B48C, making them suitable for body text.
  • Be cautious with #CD853F and #F4A460 for small text on #D2B48C due to potential low contrast; use for larger headings or accents.
  • Ensure sufficient contrast for interactive elements, especially against similar warm backgrounds, to maintain usability.
  • Consider using a dark, desaturated brown or charcoal for overall body text to maintain legibility across varying backgrounds.

Recommended combinations

Sun-Baked

Create energetic and warm combinations for highlights, calls to action, or vibrant graphic elements.

#D2691E · #CD853F · #F4A460

Grounded Earth

Apply a balanced blend of earth tones for main content areas, providing warmth and readability.

#A0522D · #D2B48C · #CD853F

Rustic Layers

Design with a light background, a medium content tone, and a strong, impactful accent for hierarchy.

#D2B48C · #A0522D · #D2691E

CSS variables

:root {
  --earthen-pot-shard-1: #A0522D;
  --earthen-pot-shard-2: #CD853F;
  --earthen-pot-shard-3: #D2691E;
  --earthen-pot-shard-4: #F4A460;
  --earthen-pot-shard-5: #D2B48C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "earthen-pot-shard": {
        1: "#A0522D",
        2: "#CD853F",
        3: "#D2691E",
        4: "#F4A460",
        5: "#D2B48C",
      }
    }
  }
}

Related searches

ancient pottery colorswarm earthy orange palettesunbaked terracotta schemerustic desert tonesnatural pigment design

Palette colors

Hex values

Color 1#A0522D
·
Color 2#CD853F
·
Color 3#D2691E
·
Color 4#F4A460
·
Color 5#D2B48C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
1.5:1Fail
2.8:1Fail
2.8:1Fail
2
1.9:1Fail
1.2:1Fail
1.5:1Fail
1.5:1Fail
3
1.5:1Fail
1.2:1Fail
1.8:1Fail
1.8:1Fail
4
2.8:1Fail
1.5:1Fail
1.8:1Fail
1:1Fail
5
2.8:1Fail
1.5:1Fail
1.8:1Fail
1:1Fail

Similar palettes

More like Earthen Pot Shard

View all earth