Palette

Terracotta Sunset Dance

Warm earth tones blending with the vibrant hues of a captivating desert sunset.

EarthNatural5 colors

More Earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E97451#CD5C5C#A0522D#F0E68C#B0E0E6

Palette guide

How to use Terracotta Sunset Dance

Overview

The Terracotta Sunset Dance palette beautifully blends warm earth tones with the vibrant hues of a captivating desert sunset. Key colors include the lively #E97451 and the classic #CD5C5C, evoking adobe structures and sun-baked landscapes. Uniquely, this palette introduces a surprising cool contrast with #B0E0E6 (Powder Blue) and a soft #F0E68C (Khaki) to mimic the shifting desert sky at dusk. Designers and developers can leverage this dynamic range to create energetic yet grounded experiences, perfect for projects that celebrate natural beauty, adventure, or a blend of warm and cool aesthetics.

Best used for

Desert-themed branding and travel agencies
Vibrant cultural festival promotions
Artistic and creative portfolio websites
Outdoor adventure and nature photography
E-commerce for bohemian or artisanal goods
Websites seeking a unique warm-cool color balance

Suggested color roles

primary

Utilize #E97451 as a vibrant, energetic primary color for main headers, key calls-to-action, or prominent graphical elements.

secondary

Employ #CD5C5C for subheadings, secondary buttons, or background panels, providing a rich, earthy warmth.

accent

Introduce #B0E0E6 for striking highlights, interactive elements, or to create a compelling cool contrast against the warm tones.

background

Apply #F0E68C as a soft, warm-neutral background, creating an inviting canvas that allows the bolder colors to pop, or use a near-white.

text

Select #A0522D for primary body text and labels, ensuring strong readability against lighter backgrounds. For headings, a deep charcoal offers a classic and legible option.

Accessibility notes

Ensure text in #A0522D or a deep charcoal has sufficient contrast against #F0E68C or #B0E0E6 for WCAG AA compliance.
Avoid using #F0E68C for small text or icons on light backgrounds; it's best as a background or larger accent.
When using #E97451 or #CD5C5C as backgrounds, ensure text or foreground elements are in a highly contrasting color, such as #F0E68C or white.
Pay close attention to the contrast of #B0E0E6 when paired with mid-tones; ensure legibility for all users.

Recommended combinations

Desert Dusk

Ideal for content areas: a soft, sandy background, vibrant heading, and deep, readable text.

#F0E68C · #E97451 · #A0522D

Cool Contrast

Creates a striking visual dynamic, perfect for feature sections where a bold accent is desired.

#CD5C5C · #B0E0E6 · #A0522D

Sunset Pop

Emphasizes key features with a vibrant primary, a luminous highlight, and a rich secondary for depth.

#E97451 · #F0E68C · #CD5C5C

CSS variables

:root {
  --terracotta-sunset-dance-1: #E97451;
  --terracotta-sunset-dance-2: #CD5C5C;
  --terracotta-sunset-dance-3: #A0522D;
  --terracotta-sunset-dance-4: #F0E68C;
  --terracotta-sunset-dance-5: #B0E0E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "terracotta-sunset-dance": {
        1: "#E97451",
        2: "#CD5C5C",
        3: "#A0522D",
        4: "#F0E68C",
        5: "#B0E0E6",
      }
    }
  }
}

Hex values

Color 1#E97451

Color 2#CD5C5C

Color 3#A0522D

Color 4#F0E68C

Color 5#B0E0E6

Accessibility

Contrast checker

1.3:1Fail

1.9:1Fail

2.3:1Fail

2.1:1Fail

1.3:1Fail

1.4:1Fail

3.1:1AA18

2.8:1Fail

1.9:1Fail

1.4:1Fail

4.4:1AA18

3.9:1AA18

2.3:1Fail

3.1:1AA18

4.4:1AA18

1.1:1Fail

2.1:1Fail

2.8:1Fail

3.9:1AA18

1.1:1Fail

Similar palettes

More like Terracotta Sunset Dance

View all Earth

Desert Clay Hearth

Sun-Kissed Adobe Wall