Palette

Terracotta Pot Glaze

Earthy reds and browns inspired by the natural colors and baked finish of ancient clay pottery.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Terracotta Pot Glaze 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 Terracotta Pot Glaze.

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

Data visualization

#CD5C5C#A0522D#D2B48C#B8860B#8B4513

Palette guide

How to use Terracotta Pot Glaze

Overview

The Terracotta Pot Glaze palette draws inspiration from the rustic beauty of ancient clay pottery, offering a rich blend of earthy reds and browns. Dominant hues like the warm #CD5C5C (Indian Red) and the deep #A0522D (Sienna) evoke a sense of handcrafted authenticity and natural warmth. Complementary tones such as the soft #D2B48C and the golden #B8860B add depth and versatility. This palette is perfect for designers and developers aiming to create an inviting, natural, and slightly traditional aesthetic, reminiscent of sun-baked finishes and timeless craftsmanship.

Best used for

Artisanal product branding and packaging
Cultural or historical museum websites
Cozy cafe or restaurant interior design
Traditional craft and pottery businesses
Blog themes focused on natural living or heritage
Warm, inviting e-commerce platforms

Suggested color roles

primary

Utilize #CD5C5C as a bold, inviting primary color for headlines, important calls-to-action, or hero sections.

secondary

Employ #A0522D for subheadings, navigation elements, or as a rich background for content blocks.

accent

Apply #B8860B for highlights, decorative elements, or interactive components to add a touch of antique gold warmth.

background

Use #D2B48C as a light, neutral background for readability, or a soft canvas that allows the richer colors to pop.

text

Select #8B4513 for body text and labels, ensuring clear legibility against lighter backgrounds like #D2B48C. For headings, #A0522D provides a sophisticated option.

Accessibility notes

Ensure sufficient contrast between text in #8B4513 or #A0522D and light backgrounds like #D2B48C for WCAG AA compliance.
Avoid using #B8860B for small text or icons on light backgrounds, as contrast may be insufficient; pair with darker colors.
When using #CD5C5C as a background, ensure text or foreground elements have strong contrast, e.g., using #D2B48C or near-white.
Consider larger font sizes or bolding for text in #A0522D on #B8860B for improved readability.

Recommended combinations

Rustic Contrast

Excellent for readability: light background, bold primary heading, and dark body text.

#D2B48C · #CD5C5C · #8B4513

Earthy Gold

Creates a rich, luxurious feel, suitable for feature sections or accentuating important content.

#A0522D · #B8860B · #CD5C5C

Pottery Finish

Mimics the glazed look of terracotta, perfect for product displays or decorative UI elements.

#CD5C5C · #D2B48C · #A0522D

CSS variables

:root {
  --terracotta-pot-glaze-1: #CD5C5C;
  --terracotta-pot-glaze-2: #A0522D;
  --terracotta-pot-glaze-3: #D2B48C;
  --terracotta-pot-glaze-4: #B8860B;
  --terracotta-pot-glaze-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "terracotta-pot-glaze": {
        1: "#CD5C5C",
        2: "#A0522D",
        3: "#D2B48C",
        4: "#B8860B",
        5: "#8B4513",
      }
    }
  }
}

Hex values

Color 1#CD5C5C

Color 2#A0522D

Color 3#D2B48C

Color 4#B8860B

Color 5#8B4513

Accessibility

Contrast checker

1.4:1Fail

2:1Fail

1.2:1Fail

1.8:1Fail

1.4:1Fail

2.8:1Fail

1.7:1Fail

1.3:1Fail

2:1Fail

2.8:1Fail

1.7:1Fail

3.6:1AA18

1.2:1Fail

1.7:1Fail

2.2:1Fail

1.8:1Fail

1.3:1Fail

3.6:1AA18

2.2:1Fail

Similar palettes

More like Terracotta Pot Glaze

Terracotta Pot Glaze

See it in context.

Ready when you are.

Built with Terracotta Pot Glaze.

How to use Terracotta Pot Glaze

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Rustic Contrast

Earthy Gold

Pottery Finish

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Terracotta Pot Glaze