Back to palettes

Palette

Sun-Drenched Terracotta

The warm, inviting glow of sun-drenched terracotta pottery, rich with earthy appeal.

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

#CD5C5C#D2691E#F4A460#FFDAB9#FFFAF0

Palette guide

How to use Sun-Drenched Terracotta

Overview

The Sun-Drenched Terracotta palette captures the rich, inviting glow of sun-baked pottery with a warm and natural feel. It features a deep Indian red (#CD5C5C), a robust burnt orange (#D2691E), a soft sandy brown (#F4A460), a delicate peach (#FFDAB9), and a creamy floral white (#FFFAF0). This collection offers a delightful range from deep saturation to airy lightness, making it highly adaptable for designers and developers. It's perfect for projects seeking to convey warmth, comfort, and a touch of rustic charm, from web interfaces to product branding.

Best used for

  • Craft and pottery e-commerce sites
  • Mediterranean-inspired branding
  • Cozy cafe or restaurant interiors
  • Lifestyle blogs focusing on home and garden
  • Traditional art and illustration
  • Wedding and event stationery with a vintage touch

Suggested color roles

primary

#CD5C5C (Indian Red) can be a strong, warm primary for headings or important calls-to-action.

secondary

#D2691E (Burnt Orange) provides an excellent complement, suitable for subheadings or secondary interactive elements.

accent

#F4A460 (Sandy Brown) offers a softer accent for highlights or subtle decorative elements.

background

#FFFAF0 (Floral White) provides a clean, bright background that allows the warmer tones to truly shine.

text

A dark brown (#4A2C2C) or deep charcoal (#333333) for body text, ensuring optimal readability and an organic feel.

Accessibility notes

  • #FFDAB9 (Peach) and #FFFAF0 (Floral White) should be used as backgrounds or for large graphic elements, not small text.
  • Ensure #CD5C5C (Indian Red) and #D2691E (Burnt Orange) have sufficient contrast against light backgrounds (e.g., #FFFAF0) for text.
  • Avoid using #F4A460 (Sandy Brown) for body text unless it's very large, as its mid-tone value can reduce contrast.
  • For interactive elements, consider adding clear focus states to ensure usability for all users.

Recommended combinations

Warm Earth

Creates a rich, inviting, and grounded feel, perfect for hero sections or brand identity.

#CD5C5C · #D2691E · #F4A460

Light & Airy

Ideal for delicate elements, backgrounds, or conveying softness and subtlety.

#FFDAB9 · #FFFAF0 · #F4A460

Rustic Contrast

Provides a strong visual anchor with a clean background, excellent for calls-to-action.

#CD5C5C · #FFFAF0 · #D2691E

CSS variables

:root {
  --sun-drenched-terracotta-3-1: #CD5C5C;
  --sun-drenched-terracotta-3-2: #D2691E;
  --sun-drenched-terracotta-3-3: #F4A460;
  --sun-drenched-terracotta-3-4: #FFDAB9;
  --sun-drenched-terracotta-3-5: #FFFAF0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sun-drenched-terracotta-3": {
        1: "#CD5C5C",
        2: "#D2691E",
        3: "#F4A460",
        4: "#FFDAB9",
        5: "#FFFAF0",
      }
    }
  }
}

Related searches

warm terracotta color schemerustic earth tone palettesunbaked pottery colorsindian red orange palettenatural home decor colors

Palette colors

Hex values

Color 1#CD5C5C
·
Color 2#D2691E
·
Color 3#F4A460
·
Color 4#FFDAB9
·
Color 5#FFFAF0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
2:1Fail
3:1AA18
3.8:1AA18
2
1.1:1Fail
1.8:1Fail
2.8:1Fail
3.5:1AA18
3
2:1Fail
1.8:1Fail
1.5:1Fail
2:1Fail
4
3:1AA18
2.8:1Fail
1.5:1Fail
1.3:1Fail
5
3.8:1AA18
3.5:1AA18
2:1Fail
1.3:1Fail

Similar palettes

More like Sun-Drenched Terracotta

View all Warm