Back to palettes

Palette

Kiln Fired Ceramics

A grounding palette inspired by the raw beauty and varied textures of handcrafted, kiln-fired ceramics, authentically earthy.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Kiln Fired Ceramics 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 Kiln Fired Ceramics.

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

Data visualization

#CD7F32#F4A460#A0522D#D3D3D3#FFDAB9

Palette guide

How to use Kiln Fired Ceramics

Overview

The Kiln Fired Ceramics palette is a grounding collection inspired by the raw beauty and varied textures of handcrafted pottery. It blends rich, earthy tones like #A0522D (Sienna) and #CD7F32 (Bronze) with warmer, softer shades such as #F4A460 (Sandy Brown) and #FFDAB9 (Peach Puff). The neutral #D3D3D3 (Light Gray) provides balance, mimicking unglazed clay or natural stone. Designers and developers can utilize this palette to craft authentic, artisan-inspired interfaces and branding. It's perfect for projects that aim to convey tradition, craftsmanship, and a natural, tactile feel, offering a comforting and elegant visual experience.

Best used for

  • Artisan craft and pottery studio branding
  • Natural cosmetics and skincare packaging
  • Rustic café or restaurant interior design
  • Traditional product websites with an earthy aesthetic
  • Bespoke jewelry or handmade goods marketing
  • Cultural heritage or historical exhibition design

Suggested color roles

primary

Utilize #A0522D as the robust primary color for main headings, navigation, or strong brand elements, providing a rich, earthy foundation.

secondary

Employ #CD7F32 for supporting content, subheadings, or as a background for sections that require a warm, metallic-like presence.

accent

Introduce #F4A460 for subtle highlights, interactive elements like buttons, or decorative patterns where a soft, inviting pop is desired.

background

Use #FFDAB9 as a warm, inviting background for main content, or #D3D3D3 for a neutral, clean base, both enhancing readability.

text

For text on lighter backgrounds, #A0522D or a deep charcoal black ensures excellent readability. On darker shades like #A0522D, white text provides clear contrast.

Accessibility notes

  • Ensure dark text (e.g., #A0522D or black) is used on #FFDAB9 and #D3D3D3 for optimal readability and WCAG compliance.
  • White text on #A0522D and #CD7F32 will provide strong contrast and be easily readable.
  • Exercise caution when using #F4A460 for text on #FFDAB9, as the contrast may be insufficient; always verify.
  • Prioritize clear contrast for all interactive elements to ensure usability, especially for buttons and links.

Recommended combinations

Rustic Clay

Ideal for a deep primary element, a soft background, and a warm mid-tone for supporting details or accents.

#A0522D · #FFDAB9 · #CD7F32

Glazed Surface

Combine these for layered content cards, mimicking glazed pottery with a neutral base and warm highlights.

#CD7F32 · #D3D3D3 · #F4A460

Earthy Craft

Use the deepest shade for primary text, the warm mid-tone for inviting accents, and the lightest for a clean background.

#A0522D · #F4A460 · #FFDAB9

CSS variables

:root {
  --kiln-fired-ceramics-1: #CD7F32;
  --kiln-fired-ceramics-2: #F4A460;
  --kiln-fired-ceramics-3: #A0522D;
  --kiln-fired-ceramics-4: #D3D3D3;
  --kiln-fired-ceramics-5: #FFDAB9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "kiln-fired-ceramics": {
        1: "#CD7F32",
        2: "#F4A460",
        3: "#A0522D",
        4: "#D3D3D3",
        5: "#FFDAB9",
      }
    }
  }
}

Related searches

kiln fired colorsceramic paletteearthy pottery tonesartisan branding colorsnatural warm palette

Palette colors

Hex values

Color 1#CD7F32
·
Color 2#F4A460
·
Color 3#A0522D
·
Color 4#D3D3D3
·
Color 5#FFDAB9
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.8:1Fail
2.1:1Fail
2.4:1Fail
2
1.5:1Fail
2.8:1Fail
1.4:1Fail
1.5:1Fail
3
1.8:1Fail
2.8:1Fail
3.8:1AA18
4.3:1AA18
4
2.1:1Fail
1.4:1Fail
3.8:1AA18
1.1:1Fail
5
2.4:1Fail
1.5:1Fail
4.3:1AA18
1.1:1Fail

Similar palettes

More like Kiln Fired Ceramics

View all earth