Back to palettes

Palette

Potter's Wheel Hearth

The inviting, earthy tones of handcrafted pottery, warm from the kiln and rich in tradition.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Potter's Wheel Hearth 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 Potter's Wheel Hearth.

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

Data visualization

#8C5F4D#BC8F6F#DCC9AD#A97E5D#6F4A3C

Palette guide

How to use Potter's Wheel Hearth

Overview

The Potter's Wheel Hearth palette offers a rich, earthy spectrum inspired by handcrafted ceramics and warm, traditional spaces. Dominated by deep browns and inviting ochres, this collection features the robust #6F4A3C, a grounded dark brown, alongside the mid-tone #8C5F4D and the lighter, more versatile #A97E5D. It's balanced by the warm, sandy #BC8F6F and the soft, almost creamy #DCC9AD. This palette is ideal for creating designs that feel authentic, rustic, and deeply comforting, perfect for evoking a sense of heritage and natural warmth in digital and print media alike. Designers can leverage its organic feel for brand identity or UI elements.

Best used for

  • Rustic interior design concepts
  • Artisan product branding (pottery, woodworking)
  • Cozy cafe or bakery website themes
  • Sustainable fashion or eco-conscious product packaging
  • Educational content about history or crafts
  • Autumnal event invitations

Suggested color roles

primary

#8C5F4D - A strong, foundational brown, excellent for main content areas or substantial brand elements.

secondary

#BC8F6F - A lighter, warm tan that complements the primary, suitable for headers, accents, or background textures.

accent

#A97E5D - A rich, inviting mid-brown that provides a touch of warmth and contrast for call-to-action buttons or highlights.

background

#DCC9AD - A soft, creamy off-white, providing a gentle, warm backdrop that allows other colors to stand out without harshness.

text

#6F4A3C - A deep, grounding brown perfect for body text, ensuring readability against lighter backgrounds like #DCC9AD. Alternatively, a dark charcoal or black for maximum contrast.

Accessibility notes

  • Ensure sufficient contrast between #6F4A3C text and lighter backgrounds like #DCC9AD (WCAG AAA passes).
  • Avoid using #BC8F6F and #DCC9AD together for text and background due to low contrast.
  • Use #8C5F4D or #6F4A3C for primary text on any light background for optimal readability.
  • Text on #A97E5D might require white or very light text for good contrast, depending on font size.

Recommended combinations

Earthy Depth

Ideal for a robust, grounded design. #6F4A3C for headers, #8C5F4D for main content, and #DCC9AD for backgrounds.

#6F4A3C · #8C5F4D · #DCC9AD

Rustic Warmth

Creates a softer, inviting feel. #A97E5D for accents, #BC8F6F for secondary elements, and #DCC9AD as a warm base.

#BC8F6F · #A97E5D · #DCC9AD

Artisan Contrast

Strong contrast for clear hierarchy. #8C5F4D for prominent features, #DCC9AD for spacious layouts, #6F4A3C for text.

#8C5F4D · #DCC9AD · #6F4A3C

CSS variables

:root {
  --potter-s-wheel-hearth-1: #8C5F4D;
  --potter-s-wheel-hearth-2: #BC8F6F;
  --potter-s-wheel-hearth-3: #DCC9AD;
  --potter-s-wheel-hearth-4: #A97E5D;
  --potter-s-wheel-hearth-5: #6F4A3C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "potter-s-wheel-hearth": {
        1: "#8C5F4D",
        2: "#BC8F6F",
        3: "#DCC9AD",
        4: "#A97E5D",
        5: "#6F4A3C",
      }
    }
  }
}

Related searches

rustic color paletteearthy brown color schemewarm artisan colorstraditional pottery colorsclay inspired palette

Palette colors

Hex values

Color 1#8C5F4D
·
Color 2#BC8F6F
·
Color 3#DCC9AD
·
Color 4#A97E5D
·
Color 5#6F4A3C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3.4:1AA18
1.5:1Fail
1.4:1Fail
2
1.9:1Fail
1.8:1Fail
1.3:1Fail
2.7:1Fail
3
3.4:1AA18
1.8:1Fail
2.2:1Fail
4.8:1AA
4
1.5:1Fail
1.3:1Fail
2.2:1Fail
2.1:1Fail
5
1.4:1Fail
2.7:1Fail
4.8:1AA
2.1:1Fail

Similar palettes

More like Potter's Wheel Hearth

View all earth