Back to palettes

Palette

Rustic Terra Cotta

Warm, earthy tones reflecting traditional pottery and sun-baked landscapes.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Rustic Terra Cotta 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 Rustic Terra Cotta.

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

Data visualization

#A52A2A#CD5C5C#DAA520#B8860B#8B4513

Palette guide

How to use Rustic Terra Cotta

Overview

The "Rustic Terra Cotta" palette features warm, earthy tones that reflect traditional pottery and sun-baked landscapes. It includes a deep 'Firebrick' (#A52A2A), a softer 'Indian Red' (#CD5C5C), a vibrant 'Goldenrod' (#DAA520), a rich 'Dark Goldenrod' (#B8860B), and a grounding 'Saddle Brown' (#8B4513). This collection is perfect for designers and developers aiming to evoke a sense of natural warmth, ancient craftsmanship, and Mediterranean charm. Its harmonious blend creates an inviting and authentic aesthetic, ideal for projects that require a touch of history and organic beauty.

Best used for

  • Mediterranean cuisine restaurant branding
  • Pottery and ceramics art showcases
  • Rustic wedding invitations and decor
  • Travel blogs focusing on ancient cultures
  • Organic skincare or beauty product packaging
  • Home and garden design inspiration

Suggested color roles

primary

Use #A52A2A (Firebrick) for main calls to action, prominent headlines, and key elements to convey warmth and a strong, traditional presence.

secondary

Apply #CD5C5C (Indian Red) for supporting content, secondary navigation, or as a softer background element, providing gentle warmth.

accent

Incorporate #DAA520 (Goldenrod) for subtle highlights, icons, or decorative details. Its vibrant golden hue adds a touch of sun-kissed charm.

background

A light, neutral cream or off-white (e.g., #FBF8F5) would serve as an excellent background, allowing the palette's rich colors to stand out and ensuring text readability.

text

Opt for #8B4513 (Saddle Brown) for body text and important information. This deep, earthy brown offers strong contrast against lighter backgrounds for optimal legibility.

Accessibility notes

  • Ensure #8B4513 (Saddle Brown) on a light background (e.g., near-white) meets WCAG AA contrast standards for body text.
  • Text or interactive elements in #A52A2A (Firebrick) or #CD5C5C (Indian Red) will likely require white or a very light color for sufficient contrast.
  • Avoid using #DAA520 (Goldenrod) or #B8860B (Dark Goldenrod) for critical text on similar light backgrounds due to low contrast.
  • Test color pairings for readability across various screen types and lighting conditions.

Recommended combinations

Sun-Baked Clay

Creates a vibrant, warm focal point, ideal for hero sections or event promotions.

#A52A2A · #DAA520 · #CD5C5C

Earthen Base

Provides a grounded, natural foundation for content blocks, ensuring readability and organic appeal.

#8B4513 · #CD5C5C · #DAA520

Golden Terra

Adds rich depth and a touch of ancient elegance, suitable for navigation, footers, or strong brand statements.

#B8860B · #A52A2A · #8B4513

CSS variables

:root {
  --rustic-terra-cotta-1: #A52A2A;
  --rustic-terra-cotta-2: #CD5C5C;
  --rustic-terra-cotta-3: #DAA520;
  --rustic-terra-cotta-4: #B8860B;
  --rustic-terra-cotta-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rustic-terra-cotta": {
        1: "#A52A2A",
        2: "#CD5C5C",
        3: "#DAA520",
        4: "#B8860B",
        5: "#8B4513",
      }
    }
  }
}

Related searches

terracotta color schemerustic red brown palettemediterranean design colorsancient pottery palettewarm earthy tones

Palette colors

Hex values

Color 1#A52A2A
·
Color 2#CD5C5C
·
Color 3#DAA520
·
Color 4#B8860B
·
Color 5#8B4513
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.2:1AA18
2.2:1Fail
1:1Fail
2
1.8:1Fail
1.8:1Fail
1.2:1Fail
1.8:1Fail
3
3.2:1AA18
1.8:1Fail
1.5:1Fail
3.2:1AA18
4
2.2:1Fail
1.2:1Fail
1.5:1Fail
2.2:1Fail
5
1:1Fail
1.8:1Fail
3.2:1AA18
2.2:1Fail

Similar palettes

More like Rustic Terra Cotta

View all earth