Back to palettes

Palette

Warm Pottery Kiln

Earthy, comforting tones drawn from freshly fired pottery and the warm glow of an artisan's kiln.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Warm Pottery 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 Warm Pottery Kiln.

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

Data visualization

#7A3F1F#B05B2D#D07541#E88D5A#F7A775

Palette guide

How to use Warm Pottery Kiln

Overview

The Warm Pottery Kiln palette glows with the earthy warmth and rustic charm of handcrafted ceramics emerging from a fiery kiln. This collection features a beautiful progression of rich, reddish-browns and warm oranges, from the deep #7A3F1F to the vibrant #B05B2D, #D07541, and #E88D5A, culminating in the softer #F7A775. It's an excellent choice for designs that aim to evoke a sense of craftsmanship, natural materials, and authentic warmth. Designers can use these hues to create inviting, artisanal interfaces, perfect for brands focused on handmade goods, natural beauty, or creative expression.

Best used for

  • Ceramics and pottery e-commerce sites
  • Artisan craft workshops and blogs
  • Organic and natural product branding
  • Rustic home decor platforms
  • Autumn or harvest festival promotions
  • Creative portfolio websites

Suggested color roles

primary

#7A3F1F - A deep, earthy terracotta brown, excellent for main navigation, strong headlines, or primary calls to action, conveying grounded authenticity.

secondary

#B05B2D - A warm, inviting burnt orange, perfect for subheadings, active states, or supporting content blocks, adding a vibrant yet natural feel.

accent

#D07541 - A brighter, fiery orange, ideal for subtle highlights, interactive elements, or key visual details to draw focused attention and energy.

background

#F7A775 - A soft, peachy-cream, providing a light, warm canvas that allows the deeper, richer colors to stand out elegantly.

text

#7A3F1F - A dark, highly readable terracotta brown for body text on light backgrounds, ensuring excellent legibility and maintaining the palette's natural warmth.

Accessibility notes

  • Ensure strong contrast when using #7A3F1F or #B05B2D for text on #F7A775 or #E88D5A backgrounds to meet WCAG AA standards.
  • Be cautious with #D07541 or #E88D5A for small text on lighter backgrounds; they may lack sufficient contrast.
  • Provide clear focus states for interactive elements, perhaps using #D07541 for hover/active states against #F7A775.
  • Avoid placing light text (e.g., #F7A775) directly on lighter background colors within this palette.

Recommended combinations

Fired Clay

Ideal for hero sections or prominent content blocks, with #7A3F1F for titles, #B05B2D for accents, and #F7A775 as a warm background.

#F7A775 · #7A3F1F · #B05B2D

Kiln Glow

Excellent for callout boxes or notifications, using #E88D5A as a background with #D07541 for bold text or icons.

#E88D5A · #D07541 · #B05B2D

Earthy Contrast

A high-contrast pairing for forms or navigation, where #7A3F1F provides strong text or button color against a light background.

#7A3F1F · #F7A775 · #D07541

CSS variables

:root {
  --warm-pottery-kiln-1: #7A3F1F;
  --warm-pottery-kiln-2: #B05B2D;
  --warm-pottery-kiln-3: #D07541;
  --warm-pottery-kiln-4: #E88D5A;
  --warm-pottery-kiln-5: #F7A775;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "warm-pottery-kiln": {
        1: "#7A3F1F",
        2: "#B05B2D",
        3: "#D07541",
        4: "#E88D5A",
        5: "#F7A775",
      }
    }
  }
}

Related searches

terracotta color schemerustic orange paletteearthy craft colorswarm clay tonesartisanal design colors

Palette colors

Hex values

Color 1#7A3F1F
·
Color 2#B05B2D
·
Color 3#D07541
·
Color 4#E88D5A
·
Color 5#F7A775
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.5:1Fail
3.3:1AA18
4.2:1AA18
2
1.7:1Fail
1.4:1Fail
1.9:1Fail
2.5:1Fail
3
2.5:1Fail
1.4:1Fail
1.3:1Fail
1.7:1Fail
4
3.3:1AA18
1.9:1Fail
1.3:1Fail
1.3:1Fail
5
4.2:1AA18
2.5:1Fail
1.7:1Fail
1.3:1Fail

Similar palettes

More like Warm Pottery Kiln

View all warm
Baked Clay Pottery
Clay Pottery Warmth
Bohemian Desert Sunset
Canyon Vista Radiance
Canyon Wall Ember
Copper Pot Patina