Back to palettes

Palette

Muted Terracotta Hues

Subtle and warm, these tones mimic sun-baked clay, hinting at ancient structures and artisanal pottery.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Muted Terracotta Hues 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 Muted Terracotta Hues.

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

Data visualization

#A8604F#C9876C#E0A789#F1D0B7#F7E8DA

Palette guide

How to use Muted Terracotta Hues

Overview

The Muted Terracotta Hues palette captures the warm, sun-baked essence of traditional terracotta and ancient desert landscapes. This collection features a deep, rustic terracotta, #A8604F, a softer, peachy-orange, #C9876C, and a lighter, warm sand tone, #E0A789. The palette is completed with two very light, inviting neutrals: #F1D0B7, a pale peach, and #F7E8DA, an almost off-white cream. This range is perfect for designs that aim for a natural, rustic, and inviting feel, evoking a sense of warmth, craftsmanship, and a connection to nature.

Best used for

  • Southwestern style branding
  • Artisan pottery e-commerce
  • Travel blogs for desert destinations
  • Home and garden product packaging
  • Autumnal event invitations
  • Natural building material websites

Suggested color roles

primary

Use #A8604F (Rustic Terracotta) for strong headings, primary call-to-actions, or significant graphic elements to establish warmth and depth.

secondary

Apply #C9876C (Peachy Orange) for subheadings, navigation links, or accent panels, providing a softer, inviting warmth.

accent

Utilize #E0A789 (Warm Sand) for subtle highlights, icons, or decorative patterns, adding a delicate touch of warmth.

background

Employ #F7E8DA (Pale Cream) as an excellent, light, and warm canvas for content, ensuring high readability for darker text.

text

A dark brown or very dark gray works best for body text on #F7E8DA and #F1D0B7. For text on #A8604F, white or a very light cream is highly recommended.

Accessibility notes

  • Ensure sufficient contrast when using #A8604F with white or very light text for headings and important information.
  • The lighter shades like #F1D0B7 and #F7E8DA should be paired with darker text colors for optimal readability.
  • Avoid using #E0A789 directly with #F1D0B7 for small text as their lightness similarity can cause contrast issues.
  • Always test text and interactive element color combinations using accessibility checkers to meet WCAG standards.

Recommended combinations

Desert Sunset

Perfect for a website hero section, with #A8604F for a dominant banner, #F7E8DA for text, and #C9876C for buttons.

#A8604F · #F7E8DA · #C9876C

Clay Pots

Great for product display grids, using #C9876C for card backgrounds, #E0A789 for descriptions, and #A8604F for product titles.

#C9876C · #E0A789 · #A8604F

Ancient Sands

Ideal for creating a soft, layered background effect or subtle UI elements, using #F1D0B7 as a base and #E0A789 for borders.

#F1D0B7 · #F7E8DA · #E0A789

CSS variables

:root {
  --muted-terracotta-hues-1: #A8604F;
  --muted-terracotta-hues-2: #C9876C;
  --muted-terracotta-hues-3: #E0A789;
  --muted-terracotta-hues-4: #F1D0B7;
  --muted-terracotta-hues-5: #F7E8DA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "muted-terracotta-hues": {
        1: "#A8604F",
        2: "#C9876C",
        3: "#E0A789",
        4: "#F1D0B7",
        5: "#F7E8DA",
      }
    }
  }
}

Related searches

muted terracotta color schemerustic earth tones palettesouthwestern inspired colorswarm clay huesnatural desert palette

Palette colors

Hex values

Color 1#A8604F
·
Color 2#C9876C
·
Color 3#E0A789
·
Color 4#F1D0B7
·
Color 5#F7E8DA
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.3:1Fail
3.2:1AA18
3.9:1AA18
2
1.6:1Fail
1.4:1Fail
2:1Fail
2.4:1Fail
3
2.3:1Fail
1.4:1Fail
1.4:1Fail
1.7:1Fail
4
3.2:1AA18
2:1Fail
1.4:1Fail
1.2:1Fail
5
3.9:1AA18
2.4:1Fail
1.7:1Fail
1.2:1Fail

Similar palettes

More like Muted Terracotta Hues

View all earth
Sunbaked Clay Terracotta
Adobe Sunset Glow
Adobe Sunset Glow
Ancient Clay Vessel
Boho Clay Bloom
Canyon Wall Rust