Back to palettes

Palette

Artisan Clay Kiln

Warm, baked hues reflecting the natural beauty and craftsmanship of terracotta and kiln-fired pottery.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#965B47#C28269#E3B29D#F9E7DF#7A4C3E

Palette guide

How to use Artisan Clay Kiln

Overview

The Artisan Clay Kiln palette features warm, baked hues reflecting the natural beauty and craftsmanship of terracotta and kiln-fired pottery. With colors like #965B47, #C28269, #E3B29D, #F9E7DF, and #7A4C3E, this palette exudes a deep, comforting warmth and rustic charm. It's ideal for designers seeking to convey authenticity, tradition, and a handcrafted aesthetic. These versatile tones are perfect for creating inviting digital spaces, appealing product packaging, and evocative visual narratives that celebrate the art of pottery.

Best used for

  • Terracotta and ceramic decor brands
  • Pottery studios and craft workshops
  • Rustic interior design and home staging
  • Natural building materials marketing
  • Cozy lifestyle blogs and websites
  • Artisan food and beverage branding

Suggested color roles

primary

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

secondary

Apply #965B47 for a deeper, rich secondary hue, suitable for content blocks or strong graphic elements, adding depth.

accent

Incorporate #7A4C3E for the deepest accent, perfect for calls to action or important details that require strong emphasis.

background

Utilize #F9E7DF for primary backgrounds, providing a soft, light, and subtly blush-toned base that enhances other colors.

text

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

Accessibility notes

  • Ensure #7A4C3E provides strong contrast for all text on #F9E7DF and #E3B29D backgrounds.
  • Be cautious when using #E3B29D for small text, as its light value 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

Terracotta Blend

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

#F9E7DF · #E3B29D · #C28269

Deep Earth

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

#C28269 · #965B47 · #7A4C3E

Warm Contrast

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

#F9E7DF · #965B47 · #7A4C3E

CSS variables

:root {
  --artisan-clay-kiln-1: #965B47;
  --artisan-clay-kiln-2: #C28269;
  --artisan-clay-kiln-3: #E3B29D;
  --artisan-clay-kiln-4: #F9E7DF;
  --artisan-clay-kiln-5: #7A4C3E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "artisan-clay-kiln": {
        1: "#965B47",
        2: "#C28269",
        3: "#E3B29D",
        4: "#F9E7DF",
        5: "#7A4C3E",
      }
    }
  }
}

Related searches

terracotta color palettekiln fired potteryearthy craft colorsnatural warm brownsrustic clay design

Palette colors

Hex values

Color 1#965B47
·
Color 2#C28269
·
Color 3#E3B29D
·
Color 4#F9E7DF
·
Color 5#7A4C3E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.9:1Fail
4.5:1AA
1.3:1Fail
2
1.7:1Fail
1.7:1Fail
2.6:1Fail
2.3:1Fail
3
2.9:1Fail
1.7:1Fail
1.6:1Fail
3.8:1AA18
4
4.5:1AA
2.6:1Fail
1.6:1Fail
6:1AA
5
1.3:1Fail
2.3:1Fail
3.8:1AA18
6:1AA

Similar palettes

More like Artisan Clay Kiln

View all earth