Back to palettes

Palette

Kiln Fired Earth

Earthy tones mirroring the warm, sun-baked shades of traditional terracotta pottery and sun-dried clay.

warmnatural5 colors
More warm 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

#A35A3F#C47A5A#E59F7C#FFC19F#7B442D

Palette guide

How to use Kiln Fired Earth

Overview

The Kiln Fired Earth palette mirrors the warm, sun-baked shades of traditional terracotta pottery and sun-dried clay. This collection features a harmonious gradient of earthy tones, from the deep #7B442D and #A35A3F to the lighter #C47A5A, #E59F7C, and #FFC19F. It creates a cohesive and inviting visual experience rooted in natural warmth and artisanal craftsmanship. Designers and developers can utilize this palette to craft authentic, rustic, and comforting interfaces and branding. It's perfect for projects that aim to convey tradition, natural materials, and a handmade feel, offering a timeless and welcoming aesthetic.

Best used for

  • Pottery and ceramic studio branding
  • Warm interior design schemes
  • Rustic wedding themes and invitations
  • Natural food and artisanal product packaging
  • Earthy blog designs or photography portfolios
  • Sustainable and eco-conscious brand identities

Suggested color roles

primary

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

secondary

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

accent

Introduce #C47A5A for subtle highlights, interactive elements like buttons, or decorative patterns to add a gentle, inviting pop.

background

Use #FFC19F as a warm, inviting background for main content, ensuring excellent readability and a soft, airy feel.

text

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

Accessibility notes

  • Ensure dark text (e.g., #7B442D or black) is used on #FFC19F and #E59F7C for optimal readability and WCAG compliance.
  • White text on #7B442D and #A35A3F will provide strong contrast and be easily readable.
  • Exercise caution when using #C47A5A for text on #E59F7C or #FFC19F, 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

Sun-Baked Clay

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

#7B442D · #FFC19F · #A35A3F

Terracotta Layers

Combine these for layered content cards or sections, creating a subtle gradient of warmth and depth.

#A35A3F · #C47A5A · #E59F7C

Rustic Glow

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

#7B442D · #FFC19F · #C47A5A

CSS variables

:root {
  --kiln-fired-earth-1: #A35A3F;
  --kiln-fired-earth-2: #C47A5A;
  --kiln-fired-earth-3: #E59F7C;
  --kiln-fired-earth-4: #FFC19F;
  --kiln-fired-earth-5: #7B442D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "kiln-fired-earth": {
        1: "#A35A3F",
        2: "#C47A5A",
        3: "#E59F7C",
        4: "#FFC19F",
        5: "#7B442D",
      }
    }
  }
}

Related searches

terracotta color schemewarm earth tonespottery inspired colorsrustic design palettesunbaked clay colors

Palette colors

Hex values

Color 1#A35A3F
·
Color 2#C47A5A
·
Color 3#E59F7C
·
Color 4#FFC19F
·
Color 5#7B442D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.3:1Fail
3.3:1AA18
1.5:1Fail
2
1.5:1Fail
1.5:1Fail
2.1:1Fail
2.3:1Fail
3
2.3:1Fail
1.5:1Fail
1.4:1Fail
3.5:1AA18
4
3.3:1AA18
2.1:1Fail
1.4:1Fail
4.9:1AA
5
1.5:1Fail
2.3:1Fail
3.5:1AA18
4.9:1AA

Similar palettes

More like Kiln Fired Earth

View all warm
Sunlit Adobe Walls
Terracotta Pot Warmth
Tuscan Earth Glow
Autumn Foliage Crunch
Baked Clay Pottery
Desert Rose Canyon