Palette

Artisan Clay Glaze

A rustic palette showcasing the subtle variations in handcrafted clay with warm, matte glazes.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B28F6E#D2B292#EDD9BB#FCF5EC#8A6E55

Palette guide

How to use Artisan Clay Glaze

Overview

The Artisan Clay Glaze palette is a rustic collection showcasing the subtle variations in handcrafted clay with warm, matte glazes. Featuring hues like #B28F6E, #D2B292, #EDD9BB, #FCF5EC, and #8A6E55, this palette exudes natural warmth and artisanal charm. It's ideal for designers seeking to convey authenticity, simplicity, and a comforting, earthy aesthetic. These versatile tones are perfect for creating inviting digital spaces, appealing product packaging, and evocative visual narratives that celebrate the beauty of handmade crafts.

Best used for

Pottery and ceramic artists' branding
Natural product packaging and eco-friendly brands
Rustic wedding themes and event design
Minimalist interior design and home decor
Artisanal food and beverage branding
Cozy lifestyle blogs and websites

Suggested color roles

primary

Use #B28F6E as a warm, inviting primary color for headlines or key visual elements, embodying natural elegance.

secondary

Apply #D2B292 for a lighter, supportive hue, suitable for backgrounds or subtle graphic elements, offering softness.

accent

Incorporate #8A6E55 for a deep, grounding accent, perfect for calls to action or important details that require emphasis.

background

Utilize #FCF5EC for primary backgrounds, providing a soft, creamy, and expansive base that enhances other colors.

text

Employ #8A6E55 for body text, ensuring optimal readability on lighter backgrounds with its deep, robust brown.

Accessibility notes

Ensure #8A6E55 provides strong contrast for all text on #FCF5EC and other light backgrounds.
Be cautious when using #D2B292 or #EDD9BB for small text, as their light values might lead to lower contrast.
Always test color combinations to meet WCAG contrast guidelines, especially for interactive elements.
For critical information, prioritize higher contrast pairings, possibly with a neutral white background not in the palette.

Recommended combinations

Soft Earth

An excellent combination for main content areas, providing a clear visual hierarchy from a light background to warm headings.

#FCF5EC · #EDD9BB · #B28F6E

Deep & Light

Ideal for creating depth and warmth in graphic elements, illustrations, or feature sections, showcasing tonal variation.

#D2B292 · #B28F6E · #8A6E55

Tonal Warmth

Suitable for harmonious layered backgrounds or subtle visual elements that require a gentle transition, maintaining warmth.

#FCF5EC · #B28F6E · #8A6E55

CSS variables

:root {
  --artisan-clay-glaze-1: #B28F6E;
  --artisan-clay-glaze-2: #D2B292;
  --artisan-clay-glaze-3: #EDD9BB;
  --artisan-clay-glaze-4: #FCF5EC;
  --artisan-clay-glaze-5: #8A6E55;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "artisan-clay-glaze": {
        1: "#B28F6E",
        2: "#D2B292",
        3: "#EDD9BB",
        4: "#FCF5EC",
        5: "#8A6E55",
      }
    }
  }
}

Hex values

Color 1#B28F6E

Color 2#D2B292

Color 3#EDD9BB

Color 4#FCF5EC

Color 5#8A6E55

Accessibility

Contrast checker

1.5:1Fail

2.2:1Fail

2.8:1Fail

1.6:1Fail

1.5:1Fail

1.4:1Fail

1.8:1Fail

2.4:1Fail

2.2:1Fail

1.4:1Fail

1.3:1Fail

3.4:1AA18

2.8:1Fail

1.8:1Fail

1.3:1Fail

4.4:1AA18

1.6:1Fail

2.4:1Fail

3.4:1AA18

4.4:1AA18

Similar palettes

More like Artisan Clay Glaze

View all earth

Artisan Clay Vessel

Earthen Clay Pots

Rustic Farmhouse Clay

Soft Clay Pottery

Spicy Clay Pot

Terra Cotta Harvest