Palette

Zen Temple Clay

Reflects the quiet strength and natural tones of an ancient temple crafted from earthy clay.

earthminimal5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Zen Temple Clay 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 Zen Temple Clay.

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

Data visualization

#8B4513#BC8F8F#D2B48C#F5DEB3#A0522D

Palette guide

How to use Zen Temple Clay

Overview

The Zen Temple Clay palette embodies a warm, earthy tranquility, drawing inspiration from ancient structures and natural materials. This rich collection features deep sienna #8B4513, rustic terracotta #A0522D, and lighter, creamy tones like #F5DEB3 and #D2B48C. Designers can use this palette to evoke a sense of grounding, heritage, and organic warmth. Developers will find these colors excellent for creating inviting and authentic interfaces, particularly for brands focused on craftsmanship, nature, or traditional aesthetics. The soft rose-brown #BC8F8F adds a gentle, refined touch.

Best used for

Artisan craft websites
Organic cosmetic packaging
Cultural heritage institution branding
Earthy interior design themes
Handcrafted product showcases
Wellness brands seeking warmth

Suggested color roles

primary

#8B4513 provides a strong, grounding primary for main headings, important calls to action, or prominent graphical elements.

secondary

#A0522D is ideal for secondary navigation, borders, or background fills, offering a rich, warm support.

accent

#BC8F8F serves as a soft, inviting accent, perfect for subtle highlights, interactive states, or decorative flourishes.

background

#F5DEB3 offers a warm, light canvas, ensuring excellent readability and a welcoming feel.

text

For dark text on light backgrounds, #8B4513 provides strong contrast. For light text on darker elements, #F5DEB3 works well.

Accessibility notes

Ensure #8B4513 text on #F5DEB3 or #D2B48C backgrounds meets WCAG AA contrast.
#BC8F8F might need careful contrast checks when used for text against #F5DEB3; best for larger text or accents.
Use #A0522D for body text on light backgrounds for good readability.
Avoid using very light colors like #F5DEB3 as text on #D2B48C without significant size or weight.

Recommended combinations

Ancient Earth

A strong dark for text, a light background, and a rich secondary for emphasis.

#8B4513 · #F5DEB3 · #A0522D

Terracotta Warmth

Excellent for layered cards, subtle gradients, and deep textual elements.

#D2B48C · #BC8F8F · #8B4513

Desert Bloom

A light backdrop with a warm, rustic primary and a soft, inviting accent.

#F5DEB3 · #A0522D · #BC8F8F

CSS variables

:root {
  --zen-temple-clay-1: #8B4513;
  --zen-temple-clay-2: #BC8F8F;
  --zen-temple-clay-3: #D2B48C;
  --zen-temple-clay-4: #F5DEB3;
  --zen-temple-clay-5: #A0522D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "zen-temple-clay": {
        1: "#8B4513",
        2: "#BC8F8F",
        3: "#D2B48C",
        4: "#F5DEB3",
        5: "#A0522D",
      }
    }
  }
}

Hex values

Color 1#8B4513

Color 2#BC8F8F

Color 3#D2B48C

Color 4#F5DEB3

Color 5#A0522D

Accessibility

Contrast checker

2.5:1Fail

3.6:1AA18

5.4:1AA

1.3:1Fail

2.5:1Fail

1.4:1Fail

2.1:1Fail

2:1Fail

3.6:1AA18

1.4:1Fail

1.5:1Fail

2.8:1Fail

5.4:1AA

2.1:1Fail

1.5:1Fail

4.3:1AA18

1.3:1Fail

2:1Fail

2.8:1Fail

4.3:1AA18

Similar palettes

More like Zen Temple Clay

View all earth

Earthen Craft Studio

Earthen Pottery Glaze

Minimalist Clay Garden

Rammed Soil

Ancient Ruins Dust

Ancient Stone