Back to palettes

Palette

Glazed Terracotta Pots

Rich, warm reds and oranges mimicking handcrafted glazed pottery from sunny regions.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Glazed Terracotta Pots 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 Glazed Terracotta Pots.

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

Data visualization

#8B4513#A0522D#C17537#D2691E#CD5C5C

Palette guide

How to use Glazed Terracotta Pots

Overview

The Glazed Terracotta Pots palette is a rich and earthy collection of warm reds and oranges, perfectly mimicking handcrafted glazed pottery from sunny regions. It ranges from the deep, rustic #8B4513 through the vibrant #A0522D and #C17537, to the energetic #D2691E and the striking #CD5C5C. This palette is ideal for designs that aim to convey warmth, authenticity, and a connection to nature or artisanal craftsmanship. Designers can leverage these shades for creating inviting and robust user interfaces. Developers will find this palette excellent for building digital experiences that evoke comfort, tradition, and a touch of Mediterranean charm. It’s particularly well-suited for food, home decor, travel, or craft-related branding.

Best used for

  • Artisan craft and pottery websites
  • Mediterranean-themed restaurants or food brands
  • Home decor and furniture e-commerce
  • Travel agencies specializing in warm destinations
  • Rustic wedding invitations and event branding
  • Gardening and outdoor living product marketing

Suggested color roles

primary

#8B4513 provides a strong, earthy primary color, excellent for main calls to action, important headings, or significant brand elements, conveying warmth and depth.

secondary

#A0522D serves as a versatile secondary, suitable for subheadings, secondary buttons, or larger content blocks where a slightly brighter, yet still deep, tone is preferred.

accent

#CD5C5C can be used for interactive elements, hover states, or subtle graphical accents, providing a vibrant, warm pop against the more muted tones.

background

As there are no light background colors in the palette, for readability, a cream, off-white, or very light beige would be recommended. For a darker, cozy feel, #8B4513 can be used with light text.

text

For optimal contrast on a light background (cream/off-white), use #8B4513 or a deep brown/charcoal. For text on darker backgrounds like #8B4513, use white or a very light cream.

Accessibility notes

  • Text in #8B4513 on a light background will offer excellent contrast.
  • Be cautious with #C17537 text on #D2691E; these are quite close in luminance and hue.
  • Ensure all interactive elements have sufficient contrast against their background, especially the brighter reds/oranges.
  • For color-blind users, differentiate interactive elements not just by hue but also by size, position, or an icon, as reds and oranges can be problematic.

Recommended combinations

Earthy Depth

Strong for branding. #8B4513 for brand elements, #A0522D for secondary features, and #CD5C5C for vibrant accents.

#8B4513 · #A0522D · #CD5C5C

Warm Glow

Ideal for creating warm, inviting gradients in headers or background sections, mimicking sunlight on pottery.

#C17537 · #D2691E · #A0522D

Rustic Pop

Provides a striking, warm look. #8B4513 as a dominant color, #CD5C5C for primary accents/buttons, and #C17537 for secondary details.

#8B4513 · #CD5C5C · #C17537

CSS variables

:root {
  --glazed-terracotta-pots-1: #8B4513;
  --glazed-terracotta-pots-2: #A0522D;
  --glazed-terracotta-pots-3: #C17537;
  --glazed-terracotta-pots-4: #D2691E;
  --glazed-terracotta-pots-5: #CD5C5C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "glazed-terracotta-pots": {
        1: "#8B4513",
        2: "#A0522D",
        3: "#C17537",
        4: "#D2691E",
        5: "#CD5C5C",
      }
    }
  }
}

Related searches

rustic warm color paletteterracotta inspired designearthy red orange schememediterranean branding colorshandmade craft ui

Palette colors

Hex values

Color 1#8B4513
·
Color 2#A0522D
·
Color 3#C17537
·
Color 4#D2691E
·
Color 5#CD5C5C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2:1Fail
2:1Fail
1.8:1Fail
2
1.3:1Fail
1.6:1Fail
1.5:1Fail
1.4:1Fail
3
2:1Fail
1.6:1Fail
1:1Fail
1.1:1Fail
4
2:1Fail
1.5:1Fail
1:1Fail
1.1:1Fail
5
1.8:1Fail
1.4:1Fail
1.1:1Fail
1.1:1Fail

Similar palettes

More like Glazed Terracotta Pots

View all warm
Sun-Kissed Terracotta
Terracotta Roof Sunset
Terracotta Rooftop Dawn
Tuscan Terra Clay
Arid Mesa Dust
Autumn Berry Harvest