Back to palettes

Palette

Sunbaked Clay Terracotta

Warm, inviting reddish-browns reminiscent of sun-drenched clay pots and ancient desert landscapes.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sunbaked Clay Terracotta 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 Sunbaked Clay Terracotta.

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

Data visualization

#8C4B3C#A8685A#C48577#E0A294#FCC0B6

Palette guide

How to use Sunbaked Clay Terracotta

Overview

The Sunbaked Clay Terracotta palette offers a beautiful spectrum of warm, inviting reddish-browns, reminiscent of sun-drenched pottery and ancient desert landscapes. Ranging from the deep, grounding #8C4B3C to the soft, airy #FCC0B6, this collection evokes a sense of natural comfort and rustic elegance. The primary #A8685A provides a balanced warmth, while #C48577 offers a versatile mid-tone. Designers and developers can use this palette to create serene, authentic, and inviting experiences, ideal for projects that aim to convey natural beauty, tradition, and a soothing, earthy feel.

Best used for

  • Southwestern decor themes and websites
  • Natural beauty product lines and packaging
  • Cozy blog layouts or personal branding
  • Artisanal food photography and branding
  • Traditional craft websites or marketplaces
  • Spa or wellness brand identities

Suggested color roles

primary

Utilize #A8685A for main headings, calls-to-action, or important graphical elements, providing a balanced and inviting presence.

secondary

Employ #8C4B3C for supporting content, subheadings, or background accents, offering deeper grounding and sophistication.

accent

Apply #C48577 for subtle highlights, interactive elements, or decorative details, adding a gentle, warm touch.

background

Use #FCC0B6 as a clean, very light background for content areas, ensuring excellent readability for darker text and an airy feel.

text

A deep brown like #8C4B3C or a rich charcoal provides optimal contrast for body text and primary content, maintaining the palette's earthy integrity.

Accessibility notes

  • Ensure sufficient contrast when using #8C4B3C for text on #FCC0B6 backgrounds.
  • Verify that interactive elements colored with #A8685A or #C48577 have adequate contrast against their surrounding elements.
  • Avoid placing light text directly on #E0A294 or #C48577 as contrast may be insufficient.
  • Consider using a slightly darker shade for links or important information to ensure clear differentiation.

Recommended combinations

Soft Warmth

Ideal for subtle background gradients or layered visual elements that require a gentle, warm transition.

#FCC0B6 · #E0A294 · #C48577

Earthy Foundation

Excellent for primary content blocks, combining a strong dark text with a warm accent and a light, readable background.

#8C4B3C · #A8685A · #FCC0B6

Desert Bloom

Use for UI components, navigation, or product highlights that need a refined, warm pop against a neutral base.

#C48577 · #E0A294 · #8C4B3C

CSS variables

:root {
  --sunbaked-clay-terracotta-1: #8C4B3C;
  --sunbaked-clay-terracotta-2: #A8685A;
  --sunbaked-clay-terracotta-3: #C48577;
  --sunbaked-clay-terracotta-4: #E0A294;
  --sunbaked-clay-terracotta-5: #FCC0B6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunbaked-clay-terracotta": {
        1: "#8C4B3C",
        2: "#A8685A",
        3: "#C48577",
        4: "#E0A294",
        5: "#FCC0B6",
      }
    }
  }
}

Related searches

terracotta brown palettesouthwest color schemewarm clay tonesrustic home decor colorssunbaked reddish browns

Palette colors

Hex values

Color 1#8C4B3C
·
Color 2#A8685A
·
Color 3#C48577
·
Color 4#E0A294
·
Color 5#FCC0B6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.2:1Fail
3.1:1AA18
4.2:1AA18
2
1.5:1Fail
1.5:1Fail
2:1Fail
2.8:1Fail
3
2.2:1Fail
1.5:1Fail
1.4:1Fail
1.9:1Fail
4
3.1:1AA18
2:1Fail
1.4:1Fail
1.4:1Fail
5
4.2:1AA18
2.8:1Fail
1.9:1Fail
1.4:1Fail

Similar palettes

More like Sunbaked Clay Terracotta

View all earth
Clay Earth Hearth
Desert Clay Pot
Desert Pot Shards
Mediterranean Terra cotta
Muted Terracotta Hues
Sunbaked Clay Earth