Back to palettes

Palette

Terracotta Roof Sunset

Warm, earthy hues reminiscent of sun-drenched terracotta rooftops glowing under a Mediterranean sunset.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Terracotta Roof Sunset 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 Terracotta Roof Sunset.

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

Data visualization

#CD5C5C#E9967A#DAA520#B22222#D2691E

Palette guide

How to use Terracotta Roof Sunset

Overview

The Terracotta Roof Sunset palette evokes the vibrant, sun-drenched glow of Mediterranean rooftops at dusk. This warm and earthy collection features striking hues like the rich #CD5C5C (Indian Red) and the fiery #D2691E (Chocolate), perfectly capturing the essence of a radiant sunset. The inclusion of a golden #DAA520 (Goldenrod) adds a luminous touch, while the deeper #B22222 provides a strong, grounding anchor. Designers and developers can leverage this palette to create energetic, inviting, and visually rich experiences, ideal for projects seeking a blend of rustic charm and passionate warmth.

Best used for

  • Mediterranean-themed restaurant branding
  • Travel agency websites promoting sunny destinations
  • Luxury resort and hospitality design
  • Event branding for festivals or outdoor gatherings
  • Art and photography portfolios with warm aesthetics
  • E-commerce sites for artisan goods or home decor

Suggested color roles

primary

Utilize #CD5C5C as a bold, inviting primary color for headlines, hero sections, or prominent calls-to-action, conveying passion and warmth.

secondary

Employ #E9967A for subheadings, secondary buttons, or background panels, offering a softer, welcoming warmth.

accent

Introduce #DAA520 for highlights, interactive elements, or decorative details to add a luminous, golden touch.

background

Apply #E9967A as a warm, inviting background, or pair it with a very light cream for a sun-kissed canvas.

text

Select #B22222 for primary body text and labels, ensuring high contrast and legibility against lighter backgrounds. For headings, #D2691E provides a rich, impactful option.

Accessibility notes

  • Ensure text in #B22222 has strong contrast against backgrounds like #E9967A or a near-white for WCAG AA compliance.
  • Avoid using #DAA520 for small text or icons on light backgrounds; it pairs best with darker colors for sufficient contrast.
  • When using #CD5C5C or #D2691E as backgrounds, use highly contrasting text colors like #E9967A or white.
  • Consider larger font sizes for text in #DAA520 on #E9967A if used for decorative elements, to improve readability.

Recommended combinations

Vibrant Sunset

Creates a dynamic, high-contrast look, perfect for hero banners or impactful calls-to-action.

#E9967A · #CD5C5C · #B22222

Golden Glow

Highlights key features with a luminous accent, suitable for interactive elements or special promotions.

#CD5C5C · #DAA520 · #D2691E

Rooftop Warmth

Offers a balanced, warm presentation, ideal for content sections or background patterns.

#E9967A · #D2691E · #B22222

CSS variables

:root {
  --terracotta-roof-sunset-1: #CD5C5C;
  --terracotta-roof-sunset-2: #E9967A;
  --terracotta-roof-sunset-3: #DAA520;
  --terracotta-roof-sunset-4: #B22222;
  --terracotta-roof-sunset-5: #D2691E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "terracotta-roof-sunset": {
        1: "#CD5C5C",
        2: "#E9967A",
        3: "#DAA520",
        4: "#B22222",
        5: "#D2691E",
      }
    }
  }
}

Related searches

mediterranean color schemesunset red palettevibrant terracotta hueswarm earthy designgolden orange hex codes

Palette colors

Hex values

Color 1#CD5C5C
·
Color 2#E9967A
·
Color 3#DAA520
·
Color 4#B22222
·
Color 5#D2691E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
1.8:1Fail
1.7:1Fail
1.1:1Fail
2
1.7:1Fail
1:1Fail
2.9:1Fail
1.6:1Fail
3
1.8:1Fail
1:1Fail
3:1Fail
1.6:1Fail
4
1.7:1Fail
2.9:1Fail
3:1Fail
1.8:1Fail
5
1.1:1Fail
1.6:1Fail
1.6:1Fail
1.8:1Fail

Similar palettes

More like Terracotta Roof Sunset

View all warm
Sun-Drenched Terracotta
Autumn Cider Spill
Crimson Ember Glow
Fireside Knit Warmth
Glazed Terracotta Pots
Mediterranean Coastal Sun