Back to palettes

Palette

Rustic Clay Artisan

Grounded warm reds and browns, reflecting the handmade beauty of artisanal clay works.

Earthnatural5 colors
More Earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Rustic Clay Artisan 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 Rustic Clay Artisan.

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

Data visualization

#B27C6C#D1A598#EEDDDD#8F5E4E#6B493D

Palette guide

How to use Rustic Clay Artisan

Overview

The "Rustic Clay Artisan" palette offers a warm and sophisticated range of earthy tones, perfectly reflecting the handmade beauty of traditional pottery. It features the inviting terracotta of #B27C6C, a softer, muted rose #D1A598, and a very light, almost white cream #EEDDDD. These are grounded by the deeper, rich browns of #8F5E4E and #6B493D, reminiscent of raw clay and kiln-fired finishes. Designers can leverage this palette to craft projects that evoke authenticity, craftsmanship, and a natural, tactile feel. Developers will find these harmonious hex codes excellent for creating user interfaces that convey warmth, tradition, and an artisanal aesthetic.

Best used for

  • Branding for pottery studios or ceramic artists
  • E-commerce sites for handmade goods
  • Interior design for bohemian or rustic homes
  • Packaging for organic beauty products or artisan foods
  • Digital art with a natural, textured feel
  • Websites for traditional craft workshops

Suggested color roles

primary

Use #8F5E4E for main headings, navigation, or dominant branding elements, providing a grounded and earthy foundation.

secondary

Apply #B27C6C for supporting content blocks, secondary buttons, or large background sections, offering a warm, inviting tone.

accent

Introduce #D1A598 as a gentle accent for interactive elements, highlights, or subtle decorative patterns, adding a touch of soft warmth.

background

Employ #EEDDDD for main content areas or entire page backgrounds, creating a light, clean, and airy canvas.

text

For optimal readability, use #6B493D or #8F5E4E on lighter backgrounds like #EEDDDD or #D1A598.

Accessibility notes

  • Ensure #6B493D text on #EEDDDD background meets WCAG AA contrast standards.
  • Be cautious with #D1A598 for small text, as its lightness may reduce readability on certain backgrounds.
  • Use #B27C6C for interactive elements, ensuring sufficient contrast with its surrounding context.
  • Consider larger font sizes for lighter text colors like #D1A598 when used for important information.

Recommended combinations

Artisan Base

Excellent for primary branding, combining deep clay tones with a clean, light background.

#6B493D · #8F5E4E · #EEDDDD

Warm Terracotta

Ideal for creating soft, layered elements or gradients, reflecting fired clay.

#B27C6C · #D1A598 · #8F5E4E

Crafted Comfort

A balanced trio for main content areas, providing clear hierarchy and a handmade feel.

#6B493D · #B27C6C · #EEDDDD

CSS variables

:root {
  --rustic-clay-artisan-1: #B27C6C;
  --rustic-clay-artisan-2: #D1A598;
  --rustic-clay-artisan-3: #EEDDDD;
  --rustic-clay-artisan-4: #8F5E4E;
  --rustic-clay-artisan-5: #6B493D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rustic-clay-artisan": {
        1: "#B27C6C",
        2: "#D1A598",
        3: "#EEDDDD",
        4: "#8F5E4E",
        5: "#6B493D",
      }
    }
  }
}

Related searches

rustic pottery colorsclay art palettewarm artisan tonesnatural craft aestheticterracotta color scheme

Palette colors

Hex values

Color 1#B27C6C
·
Color 2#D1A598
·
Color 3#EEDDDD
·
Color 4#8F5E4E
·
Color 5#6B493D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.7:1Fail
1.5:1Fail
2.3:1Fail
2
1.6:1Fail
1.7:1Fail
2.5:1Fail
3.6:1AA18
3
2.7:1Fail
1.7:1Fail
4.1:1AA18
6.1:1AA
4
1.5:1Fail
2.5:1Fail
4.1:1AA18
1.5:1Fail
5
2.3:1Fail
3.6:1AA18
6.1:1AA
1.5:1Fail

Similar palettes

More like Rustic Clay Artisan

View all Earth