Back to palettes

Palette

Clay Pottery Warmth

A comforting collection of natural browns and terracotta, celebrating the handcrafted warmth of traditional pottery.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#CD853F#D2B48C#B5651D#8B4513#A0522D

Palette guide

How to use Clay Pottery Warmth

Overview

The Clay Pottery Warmth palette offers a comforting collection of natural browns and terracotta, celebrating the handcrafted elegance of traditional pottery. With deep, robust hues like #8B4513 and #B5651D, balanced by the inviting #CD853F, this palette provides a rich, organic foundation. The lighter #D2B48C introduces a softer, sandy tone, perfect for adding gentle contrast and visual breathing room. Designers can leverage these hex codes to create designs that feel authentic, grounded, and timeless. Developers will appreciate the clear visual hierarchy and the ease of applying these harmonious colors across various UI elements to evoke a sense of artisanal quality.

Best used for

  • Traditional craft e-commerce platforms
  • Rustic home decor websites
  • Artisan food and beverage branding
  • Historical or cultural institution displays
  • Nature-inspired editorial layouts
  • Handmade jewelry or pottery shops

Suggested color roles

primary

#8B4513 serves as a strong, deep primary, ideal for foundational elements, prominent headers, or robust branding.

secondary

#CD853F provides a warm, inviting secondary, excellent for content panels, interactive elements, or subheadings.

accent

#B5651D offers a slightly richer, vibrant accent, perfect for call-to-actions, icons, or important highlights.

background

#D2B48C creates a soft, sandy background, offering a gentle warmth while maintaining good legibility for darker text.

text

For dark text on light backgrounds, #8B4513 or a deep charcoal works well. For light text on dark backgrounds, a light cream or white is recommended.

Accessibility notes

  • Ensure #8B4513 text on #D2B48C background meets WCAG AA standards for body text.
  • Avoid using #CD853F text on #D2B48C backgrounds due to potential low contrast.
  • When using #B5651D for interactive elements, verify its contrast against surrounding colors.
  • Always use a contrast checker for text overlays, especially for #A0522D on #D2B48C, to ensure readability for all users.

Recommended combinations

Deep Earth

Excellent for a strong, grounded website layout, with #8B4513 for structure, #CD853F for content, and #D2B48C for backgrounds.

#8B4513 · #CD853F · #D2B48C

Crafted Accents

Ideal for highlighting specific product features or calls-to-action, creating depth and visual interest.

#B5651D · #A0522D · #CD853F

Warm Neutral

Use #D2B48C as a dominant background, with #8B4513 for primary text and #B5651D for subtle, warm highlights.

#D2B48C · #8B4513 · #B5651D

CSS variables

:root {
  --clay-pottery-warmth-2-1: #CD853F;
  --clay-pottery-warmth-2-2: #D2B48C;
  --clay-pottery-warmth-2-3: #B5651D;
  --clay-pottery-warmth-2-4: #8B4513;
  --clay-pottery-warmth-2-5: #A0522D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "clay-pottery-warmth-2": {
        1: "#CD853F",
        2: "#D2B48C",
        3: "#B5651D",
        4: "#8B4513",
        5: "#A0522D",
      }
    }
  }
}

Related searches

rustic pottery color schemenatural ceramic hex codeswarm earthy brown palettetraditional craft brandinghandcrafted web design colors

Palette colors

Hex values

Color 1#CD853F
·
Color 2#D2B48C
·
Color 3#B5651D
·
Color 4#8B4513
·
Color 5#A0522D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.4:1Fail
2.4:1Fail
1.9:1Fail
2
1.5:1Fail
2.2:1Fail
3.6:1AA18
2.8:1Fail
3
1.4:1Fail
2.2:1Fail
1.6:1Fail
1.3:1Fail
4
2.4:1Fail
3.6:1AA18
1.6:1Fail
1.3:1Fail
5
1.9:1Fail
2.8:1Fail
1.3:1Fail
1.3:1Fail

Similar palettes

More like Clay Pottery Warmth

View all earth
Adobe Sunset
Ancient Earth Whisper
Ancient Forest Bark
Artisan Pottery Wheel
Bohemian Earth Craft
Bohemian Earth Loom