Back to palettes

Palette

Earthy Clay Pots

Rich, natural browns and warm ochres, like handcrafted clay pottery basking in the sun.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Earthy Clay Pots 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 Earthy Clay Pots.

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

Data visualization

#D2B48C#B08B6F#8B6553#6A4A3B#4A322C

Palette guide

How to use Earthy Clay Pots

Overview

The Earthy Clay Pots palette offers a rich, natural progression of browns and warm ochres, perfectly embodying the handcrafted beauty of clay pottery basking in the sun. From the deep #4A322C (Dark Brown) to the soft #D2B48C (Tan), with #8B6553 (Medium Brown) as a versatile mid-tone, this monochromatic collection provides depth and authenticity. Designers can leverage these tones to create designs that feel rustic, grounded, and genuinely connected to natural materials, ideal for artisan brands, cozy digital interfaces, or traditional design themes that value organic appeal.

Best used for

  • Pottery studio branding and workshops
  • Rustic home decor and furniture websites
  • Natural product packaging and branding
  • Traditional craft blogs and online shops
  • Historical exhibits and cultural displays
  • Artisanal food and beverage branding

Suggested color roles

primary

#4A322C (Dark Brown) serves as a strong, deep anchor for primary branding, main headings, and impactful elements.

secondary

#6A4A3B (Medium Dark Brown) offers a rich, warm tone for subheadings, important content blocks, and supporting UI elements.

accent

#8B6553 (Medium Brown) provides a versatile mid-tone for subtle accents, interactive elements, or decorative details.

background

#D2B48C (Tan) creates a soft, natural backdrop that enhances the darker tones and ensures readability.

text

Use #4A322C for primary text on #D2B48C, ensuring excellent readability and strong visual impact.

Accessibility notes

  • Both #4A322C and #6A4A3B provide excellent contrast on #D2B48C, making them highly accessible for text.
  • Ensure #8B6553 on #D2B48C meets WCAG AA guidelines for body text readability and legibility.
  • Avoid using #B08B6F for small text on #D2B48C due to potential low contrast; reserve for larger decorative text.
  • Use clear visual hierarchy with color to guide users through content, especially in this rich monochromatic range.

Recommended combinations

Clay Depth

Create strong, hierarchical content and dark text, ideal for main headings and important information.

#4A322C · #6A4A3B · #8B6553

Sunlit Pots

Apply gentle transitions for backgrounds, secondary elements, or subtle graphic patterns to evoke warmth.

#D2B48C · #B08B6F · #8B6553

Rustic Harmony

Design with a light background, dark text, and a medium accent for a balanced and organic layout.

#D2B48C · #4A322C · #6A4A3B

CSS variables

:root {
  --earthy-clay-pots-1: #D2B48C;
  --earthy-clay-pots-2: #B08B6F;
  --earthy-clay-pots-3: #8B6553;
  --earthy-clay-pots-4: #6A4A3B;
  --earthy-clay-pots-5: #4A322C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "earthy-clay-pots": {
        1: "#D2B48C",
        2: "#B08B6F",
        3: "#8B6553",
        4: "#6A4A3B",
        5: "#4A322C",
      }
    }
  }
}

Related searches

earthy clay colorsrustic pottery palettenatural brown schememonochromatic ochrehandcrafted design

Palette colors

Hex values

Color 1#D2B48C
·
Color 2#B08B6F
·
Color 3#8B6553
·
Color 4#6A4A3B
·
Color 5#4A322C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.6:1Fail
4:1AA18
6:1AA
2
1.6:1Fail
1.7:1Fail
2.5:1Fail
3.8:1AA18
3
2.6:1Fail
1.7:1Fail
1.5:1Fail
2.3:1Fail
4
4:1AA18
2.5:1Fail
1.5:1Fail
1.5:1Fail
5
6:1AA
3.8:1AA18
2.3:1Fail
1.5:1Fail

Similar palettes

More like Earthy Clay Pots

View all earth