Back to palettes

Palette

Baked Clay Pottery

Earthy, handcrafted tones inspired by traditional baked clay pottery.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#D9886D#E8B490#BD745A#A05E4C#824C3B

Palette guide

How to use Baked Clay Pottery

Overview

The Baked Clay Pottery palette offers a rich collection of earthy, handcrafted tones, directly inspired by traditional baked clay. Ranging from the rustic depth of #824C3B to the warm and inviting #E8B490, with intermediate shades like #A05E4C, #BD745A, and #D9886D, this collection provides a natural and authentic aesthetic. Designers can leverage these shades to create warm, inviting, and grounded visual experiences. It's ideal for projects that seek to convey natural craftsmanship, comfort, and a connection to tradition, bringing an organic and cozy feel to any design.

Best used for

  • Artisan craft brands and workshops
  • Earthy home decor websites
  • Organic food and beverage packaging
  • Rustic cafe or restaurant branding
  • Sustainable fashion lines
  • Cultural heritage institutions

Suggested color roles

primary

#A05E4C - A rich, reddish-brown, excellent for main branding, prominent headings, and establishing a grounded, natural feel.

secondary

#BD745A - A warm terracotta, suitable for subheadings, navigation, and important informational panels, adding warmth.

accent

#D9886D - A softer, peachy-orange, perfect for highlights, interactive elements, or small decorative elements to add a touch of inviting lightness.

background

#E8B490 - A light, warm beige, providing an expansive, inviting, and clean backdrop for content.

text

#824C3B - Or #A05E4C for optimal readability against lighter backgrounds like #E8B490 and #D9886D.

Accessibility notes

  • Ensure #824C3B or #A05E4C text on #E8B490 background meets WCAG AA contrast standards.
  • Avoid using lighter shades like #D9886D for body text on #E8B490 due to insufficient contrast.
  • When using #BD745A on #D9886D for text, verify contrast ratios, especially for smaller font sizes.
  • For critical information, always prioritize the darkest colors for text against the lightest backgrounds.

Recommended combinations

Rustic Depth

Creates a strong, earthy, and traditional look, ideal for artisan crafts or heritage brands.

#824C3B · #A05E4C · #BD745A

Warm Glow

Perfect for inviting, cozy designs, home decor websites, or any project needing a soft, natural warmth.

#E8B490 · #D9886D · #BD745A

Clay Contrast

A balanced combination for clear readability and aesthetic appeal, great for content sections or elegant presentations.

#A05E4C · #E8B490 · #D9886D

CSS variables

:root {
  --baked-clay-pottery-1: #D9886D;
  --baked-clay-pottery-2: #E8B490;
  --baked-clay-pottery-3: #BD745A;
  --baked-clay-pottery-4: #A05E4C;
  --baked-clay-pottery-5: #824C3B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "baked-clay-pottery": {
        1: "#D9886D",
        2: "#E8B490",
        3: "#BD745A",
        4: "#A05E4C",
        5: "#824C3B",
      }
    }
  }
}

Related searches

earthy pottery colorsbaked clay paletterustic terracotta schemenatural brown orangehandcrafted design colors

Palette colors

Hex values

Color 1#D9886D
·
Color 2#E8B490
·
Color 3#BD745A
·
Color 4#A05E4C
·
Color 5#824C3B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.3:1Fail
1.8:1Fail
2.5:1Fail
2
1.5:1Fail
2:1Fail
2.7:1Fail
3.7:1AA18
3
1.3:1Fail
2:1Fail
1.4:1Fail
1.9:1Fail
4
1.8:1Fail
2.7:1Fail
1.4:1Fail
1.4:1Fail
5
2.5:1Fail
3.7:1AA18
1.9:1Fail
1.4:1Fail

Similar palettes

More like Baked Clay Pottery

View all warm