Palette

Kiln Fired Earth

Warm and grounding colors, inspired by handcrafted terracotta pottery and baked desert earth.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#CB6D51#D2B48C#A0522D#8B4513#CD853F

Palette guide

How to use Kiln Fired Earth

Overview

The Kiln Fired Earth palette captures the warm, grounding essence of handcrafted terracotta pottery and baked desert earth. This collection features rich, deep browns like #8B4513 (Saddle Brown) and #A0522D (Sienna), complemented by the vibrant #CB6D51 (Terra Cotta) and #CD853F (Peru). A soft, neutral #D2B48C (Tan) provides a gentle balance. Designers and developers can leverage this palette to create authentic, rustic, and inviting digital and physical experiences. It's perfect for projects that aim to evoke natural warmth, artisanal quality, and a connection to traditional, sun-baked landscapes, offering a comforting visual identity.

Best used for

Southwestern or desert-themed branding
Rustic home goods and interior design
Natural product packaging, especially for food
Artisanal craft websites and online stores
Outdoor adventure or travel companies
Cultural events celebrating traditional crafts

Suggested color roles

primary

Utilize #8B4513 as the robust primary color for main headings, navigation, or strong brand elements, providing a deep, stable foundation.

secondary

Employ #A0522D for supporting content, subheadings, or as a background for sections that require a rich, earthy presence.

accent

Introduce #CB6D51 for vibrant highlights, call-to-action buttons, or decorative elements to add a warm, energetic pop.

background

Use #D2B48C as a light, earthy background for main content, ensuring excellent readability and a soft, inviting feel.

text

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

Accessibility notes

Ensure dark text (e.g., #8B4513 or black) is used on #D2B48C for optimal readability and WCAG compliance.
White text on #8B4513 and #A0522D will provide strong contrast and be easily readable.
Exercise caution when using #CB6D51 or #CD853F for text on #D2B48C, 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

Desert Sunset

Ideal for a deep primary element, a warm mid-tone accent, and a light, earthy background to evoke a serene landscape.

#8B4513 · #CB6D51 · #D2B48C

Terracotta Warmth

Combine these for layered content cards or sections, creating a rich, warm visual depth with a soft background.

#A0522D · #CD853F · #D2B48C

Rustic Depth

Use the darkest shade for primary text, the lightest for the background, and the mid-dark for subheadings or borders.

#8B4513 · #D2B48C · #A0522D

CSS variables

:root {
  --kiln-fired-earth-2-1: #CB6D51;
  --kiln-fired-earth-2-2: #D2B48C;
  --kiln-fired-earth-2-3: #A0522D;
  --kiln-fired-earth-2-4: #8B4513;
  --kiln-fired-earth-2-5: #CD853F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "kiln-fired-earth-2": {
        1: "#CB6D51",
        2: "#D2B48C",
        3: "#A0522D",
        4: "#8B4513",
        5: "#CD853F",
      }
    }
  }
}

Hex values

Color 1#CB6D51

Color 2#D2B48C

Color 3#A0522D

Color 4#8B4513

Color 5#CD853F

Accessibility

Contrast checker

1.8:1Fail

1.6:1Fail

2:1Fail

1.2:1Fail

1.8:1Fail

2.8:1Fail

3.6:1AA18

1.5:1Fail

1.6:1Fail

2.8:1Fail

1.3:1Fail

1.9:1Fail

2:1Fail

3.6:1AA18

1.3:1Fail

2.4:1Fail

1.2:1Fail

1.5:1Fail

1.9:1Fail

2.4:1Fail

Similar palettes

More like Kiln Fired Earth

View all earth

Ancient Clay Vessel

Earthy Artisan Clay

Bohemian Loom Tapestry

Dusty Rose Pottery

Earth Clay Hearth

Earthen Clay Pottery