Back to palettes

Palette

Tuscan Terra Clay

Evokes the warm, inviting colors of sun-baked terracotta pottery from a Tuscan landscape.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Tuscan Terra 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 Tuscan Terra Clay.

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

Data visualization

#C25B32#DA6C46#EB8F6F#F3B59C#FDE6D7

Palette guide

How to use Tuscan Terra Clay

Overview

The Tuscan Terra Clay palette evokes the warm, inviting colors of sun-baked terracotta pottery from a Tuscan landscape. This cohesive collection is perfect for designers and developers seeking a rustic, authentic, and naturally warm aesthetic. With a range from the deep #C25B32 (Terracotta) to the light #FDE6D7 (Pale Cream), including #DA6C46 (Warm Clay) and #EB8F6F (Soft Coral), it offers a gradient of inviting orange-reds. This palette is highly versatile for projects that convey craftsmanship, natural materials, and a cozy atmosphere, from pottery studios to Mediterranean-themed events, ensuring a harmonious and genuine feel.

Best used for

  • Pottery studios and ceramic artists
  • Craft businesses and artisan markets
  • Rustic kitchenware and home goods brands
  • Mediterranean-themed event design
  • Natural cosmetics and skincare packaging
  • Cozy blog designs and lifestyle websites

Suggested color roles

primary

Use #C25B32 (Terracotta) for dominant branding elements, headlines, or calls-to-action, conveying authenticity and warmth.

secondary

Apply #DA6C46 (Warm Clay) for supporting content, subheadings, or background panels, offering a vibrant yet inviting complement.

accent

Introduce #EB8F6F (Soft Coral) for subtle highlights, decorative elements, or secondary calls-to-action, adding a gentle pop.

background

Utilize #FDE6D7 (Pale Cream) as a light, expansive background, ensuring excellent readability and a fresh, clean canvas.

text

For optimal readability on light backgrounds like #FDE6D7, use #C25B32 or a deep charcoal. On darker backgrounds, a crisp white or near-white is essential for legibility.

Accessibility notes

  • Ensure sufficient contrast between #FDE6D7 background and darker text colors like #C25B32 for readability.
  • Be mindful of contrast between #EB8F6F and #F3B59C for small text or icons due to their similar lightness.
  • Provide clear visual cues for interactive elements, differentiating them from static content.
  • Test color combinations for users with color vision deficiencies, especially similar warm orange tones.

Recommended combinations

Clay Base

Ideal for main content blocks, pairing a light background with strong terracotta and warm clay for inviting readability.

#FDE6D7 · #C25B32 · #DA6C46

Warm Gradient

Excellent for subtle background effects or showcasing product ranges, creating a smooth transition of warm tones.

#EB8F6F · #F3B59C · #C25B32

Rustic Glow

Suitable for feature sections or testimonials, using the vibrant clay against a pale cream with a soft coral highlight.

#DA6C46 · #FDE6D7 · #EB8F6F

CSS variables

:root {
  --tuscan-terra-clay-1: #C25B32;
  --tuscan-terra-clay-2: #DA6C46;
  --tuscan-terra-clay-3: #EB8F6F;
  --tuscan-terra-clay-4: #F3B59C;
  --tuscan-terra-clay-5: #FDE6D7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "tuscan-terra-clay": {
        1: "#C25B32",
        2: "#DA6C46",
        3: "#EB8F6F",
        4: "#F3B59C",
        5: "#FDE6D7",
      }
    }
  }
}

Related searches

terracotta clay palettewarm rustic orangesmediterranean earth tonessunbaked pottery colorsnatural clay scheme

Palette colors

Hex values

Color 1#C25B32
·
Color 2#DA6C46
·
Color 3#EB8F6F
·
Color 4#F3B59C
·
Color 5#FDE6D7
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.8:1Fail
2.5:1Fail
3.6:1AA18
2
1.3:1Fail
1.4:1Fail
1.9:1Fail
2.8:1Fail
3
1.8:1Fail
1.4:1Fail
1.4:1Fail
2:1Fail
4
2.5:1Fail
1.9:1Fail
1.4:1Fail
1.5:1Fail
5
3.6:1AA18
2.8:1Fail
2:1Fail
1.5:1Fail

Similar palettes

More like Tuscan Terra Clay

View all warm