Back to palettes

Palette

Sun-Drenched Terracotta

Inviting earthy reds and oranges, evoking sun-baked landscapes and rustic, handmade pottery.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sun-Drenched 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 Sun-Drenched Terracotta.

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

Data visualization

#D2691E#B22222#CD853F#F4A460#FAEBD7

Palette guide

How to use Sun-Drenched Terracotta

Overview

The Sun-Drenched Terracotta palette embodies the warmth and rustic charm of sun-baked landscapes and traditional pottery. It features a rich burnt orange (#D2691E), a bold terracotta red (#B22222), a warm sandy brown (#CD853F), a soft peach (#F4A460), and a creamy antique white (#FAEBD7). This collection offers a deep, inviting range that is both vibrant and grounding, making it exceptionally versatile for designers and developers. It's perfectly suited for projects aiming to evoke a sense of tradition, comfort, and natural beauty, from digital interfaces to physical product designs.

Best used for

  • Mediterranean or Southwestern-themed websites
  • Artisanal craft and ceramics branding
  • Home decor and interior design portfolios
  • Rustic wedding or event branding
  • Food and beverage packaging with an earthy feel
  • Cultural heritage or historical content platforms

Suggested color roles

primary

#B22222 (Terracotta Red) makes a bold, warm primary for headlines or important buttons, conveying strength.

secondary

#D2691E (Burnt Orange) offers a rich, inviting secondary color for subheadings or navigational elements.

accent

#CD853F (Sandy Brown) provides a softer, grounding accent for subtle details or background textures.

background

#FAEBD7 (Antique White) serves as an ideal light background, allowing the deeper tones to stand out.

text

A dark chocolate brown (#5C4033) or a deep charcoal (#333333) for body text, ensuring excellent readability and a cohesive feel.

Accessibility notes

  • #F4A460 (Peach) and #FAEBD7 (Antique White) are very light; use them as backgrounds or for large graphic elements, not small text.
  • Ensure #B22222 (Terracotta Red) and #D2691E (Burnt Orange) have sufficient contrast against light backgrounds for text legibility.
  • Avoid using #CD853F (Sandy Brown) for small body text, as its mid-tone can make it challenging to read without high contrast.
  • For interactive elements, provide clear visual feedback for states like hover and focus, especially with similar warm tones.

Recommended combinations

Deep Earth

Creates a rich, grounded, and traditional feel for headers or prominent sections.

#B22222 · #D2691E · #CD853F

Sun-Kissed Warmth

Ideal for delicate elements, backgrounds, or conveying a light and inviting atmosphere.

#F4A460 · #FAEBD7 · #D2691E

Rustic Foundations

Offers a strong, balanced contrast, suitable for structural elements or calls-to-action.

#B22222 · #FAEBD7 · #CD853F

CSS variables

:root {
  --sun-drenched-terracotta-1: #D2691E;
  --sun-drenched-terracotta-2: #B22222;
  --sun-drenched-terracotta-3: #CD853F;
  --sun-drenched-terracotta-4: #F4A460;
  --sun-drenched-terracotta-5: #FAEBD7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sun-drenched-terracotta": {
        1: "#D2691E",
        2: "#B22222",
        3: "#CD853F",
        4: "#F4A460",
        5: "#FAEBD7",
      }
    }
  }
}

Related searches

warm terracotta color palettemediterranean design colorsrustic red orange schemesunbaked pottery huesearthy natural color combination

Palette colors

Hex values

Color 1#D2691E
·
Color 2#B22222
·
Color 3#CD853F
·
Color 4#F4A460
·
Color 5#FAEBD7
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
1.2:1Fail
1.8:1Fail
3.1:1AA18
2
1.8:1Fail
2.2:1Fail
3.3:1AA18
5.7:1AA
3
1.2:1Fail
2.2:1Fail
1.5:1Fail
2.6:1Fail
4
1.8:1Fail
3.3:1AA18
1.5:1Fail
1.7:1Fail
5
3.1:1AA18
5.7:1AA
2.6:1Fail
1.7:1Fail

Similar palettes

More like Sun-Drenched Terracotta

View all warm
Terra Cotta Sunset
Terracotta Roof Sunset
Autumn Cider Spill
Crimson Ember Glow
Mediterranean Courtyard Sun
Mesa Canyon Radiance