Back to palettes

Palette

Terracotta Earth Pottery

A grounding palette celebrating the rustic warmth and natural textures of handcrafted terracotta pottery.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Terracotta Earth Pottery 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 Earth Pottery.

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

Data visualization

#9E5A4F#C27D56#E3AD8A#F8E6CA#7F7E7A

Palette guide

How to use Terracotta Earth Pottery

Overview

The Terracotta Earth Pottery palette offers a grounding collection of warm, muted earth tones, perfectly capturing the rustic warmth of handcrafted clay. Designers can utilize the deep `#9E5A4F` for strong, foundational elements, complemented by the rich `#C27D56` for inviting accents. The lighter `#E3AD8A` provides a soft, sun-baked mid-tone, while `#F8E6CA` offers a near-white, airy background. A unique `#7F7E7A` introduces a subtle, cool grey-brown for balance. This palette is ideal for projects emphasizing authenticity, natural materials, and a serene, earthy aesthetic in branding, web design, or interior concepts.

Best used for

  • Ceramics and pottery branding
  • Sustainable living blogs
  • Artisan craft e-commerce
  • Rustic interior design concepts
  • Natural beauty product packaging
  • Farm-to-table restaurant websites

Suggested color roles

primary

#9E5A4F - A deep, muted terracotta brown, excellent for strong headings, navigation, or foundational design elements, conveying stability.

secondary

#C27D56 - A warm, inviting clay orange, perfect for subheadings, calls-to-action, or graphic elements that need to feel approachable yet distinct.

accent

#7F7E7A - A subtle, desaturated grey-brown, ideal for delicate outlines, secondary iconography, or to add a refined, understated accent.

background

#F8E6CA - A very light, creamy beige, suitable for main content backgrounds, providing a clean, airy canvas that allows other colors to stand out gently.

text

#9E5A4F - This deep terracotta provides good readability for body text against light backgrounds like `#F8E6CA`. For text on darker backgrounds, use white or near-white.

Accessibility notes

  • Ensure `#9E5A4F` text on `#F8E6CA` meets WCAG contrast guidelines for body text.
  • Avoid using `#E3AD8A` for small text on light backgrounds due to potential low contrast.
  • Use `#C27D56` for important interactive elements to ensure visibility.
  • The subtle `#7F7E7A` should be used sparingly for text or with larger font sizes on very light backgrounds.

Recommended combinations

Grounded Clay

For a strong, earthy header and welcoming content, grounded by a light, airy background.

#9E5A4F · #C27D56 · #F8E6CA

Soft Pottery

Ideal for softer, inviting sections, blending warm clay tones with a very light, almost white, background.

#C27D56 · #E3AD8A · #F8E6CA

Refined Earth

Creates a sophisticated, natural look, using deep terracotta with a subtle grey-brown and a warm mid-tone.

#9E5A4F · #7F7E7A · #E3AD8A

CSS variables

:root {
  --terracotta-earth-pottery-1: #9E5A4F;
  --terracotta-earth-pottery-2: #C27D56;
  --terracotta-earth-pottery-3: #E3AD8A;
  --terracotta-earth-pottery-4: #F8E6CA;
  --terracotta-earth-pottery-5: #7F7E7A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "terracotta-earth-pottery": {
        1: "#9E5A4F",
        2: "#C27D56",
        3: "#E3AD8A",
        4: "#F8E6CA",
        5: "#7F7E7A",
      }
    }
  }
}

Related searches

earthy pottery colorsrustic clay palettenatural brown beige schemehandmade ceramic tonesmuted terracotta design

Palette colors

Hex values

Color 1#9E5A4F
·
Color 2#C27D56
·
Color 3#E3AD8A
·
Color 4#F8E6CA
·
Color 5#7F7E7A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.6:1Fail
4.3:1AA18
1.3:1Fail
2
1.6:1Fail
1.7:1Fail
2.7:1Fail
1.2:1Fail
3
2.6:1Fail
1.7:1Fail
1.6:1Fail
2.1:1Fail
4
4.3:1AA18
2.7:1Fail
1.6:1Fail
3.3:1AA18
5
1.3:1Fail
1.2:1Fail
2.1:1Fail
3.3:1AA18

Similar palettes

More like Terracotta Earth Pottery

View all earth
Muted Clay Pottery
Ancient Clay Vessel
Artisan Clay Texture
Artisan Clay Vessel
Artisan Clay Vessel
Bohemian Earth Vessel