Palette

Canyon Wall Terracotta

Rich reds and browns that reflect the stunning, layered formations of canyon walls at sunset.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Canyon Wall 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 Canyon Wall Terracotta.

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

Data visualization

#CD5C5C#B22222#D2691E#8B4513#A0522D

Palette guide

How to use Canyon Wall Terracotta

Overview

The Canyon Wall Terracotta palette is a vibrant celebration of rugged desert landscapes, echoing the rich, layered formations of sun-drenched canyons. Featuring a warm Indian red #CD5C5C, a deep firebrick #B22222, a lively burnt orange #D2691E, a classic saddle brown #8B4513, and a rich sienna #A0522D, this collection provides designers and developers with a powerful, earthy aesthetic. It's ideal for projects demanding warmth, authenticity, and a strong connection to natural, geological themes, offering a robust and energetic visual foundation for engaging user experiences.

Best used for

Southwest or desert-themed branding
Outdoor adventure and travel websites
Rustic home decor e-commerce platforms
Packaging for artisanal pottery or gourmet spices
Digital illustrations of geological formations
Event branding for natural history museums

Suggested color roles

primary

Use #CD5C5C as a dominant color for impactful headlines, primary calls to action, or hero sections, creating a warm and inviting focal point.

secondary

Apply #A0522D for subheadings, detailed UI elements, or background textures, providing depth and a grounding effect.

accent

Leverage #D2691E to draw attention to key interactive elements, alerts, or important information, offering a vibrant, energetic pop.

background

Employ a light sand color or a very subtle off-white as a background, allowing the rich terracotta tones to truly stand out.

text

For optimal readability, use #8B4513 or a deep charcoal against lighter backgrounds, and white text against #B22222 or #D2691E.

Accessibility notes

Ensure #8B4513 or a dark brown provides sufficient contrast for text when used on light backgrounds.
Avoid using #CD5C5C text on #D2691E backgrounds for small text due to potential low contrast.
The vibrant #B22222 and #D2691E should be checked for contrast when used with white text.
Verify that interactive elements have distinct hover/focus states, especially between similar reds and oranges.

Recommended combinations

Terracotta Sunset

Ideal for dramatic headers, gradient overlays, or visual elements needing warmth.

#CD5C5C · #D2691E · #8B4513

Deep Earth

Perfect for creating strong, grounded content blocks or sophisticated branding.

#B22222 · #8B4513 · #A0522D

Canyon Layers

Use for textural graphics or layered design elements, adding depth and richness.

#D2691E · #A0522D · #CD5C5C

CSS variables

:root {
  --canyon-wall-terracotta-1: #CD5C5C;
  --canyon-wall-terracotta-2: #B22222;
  --canyon-wall-terracotta-3: #D2691E;
  --canyon-wall-terracotta-4: #8B4513;
  --canyon-wall-terracotta-5: #A0522D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "canyon-wall-terracotta": {
        1: "#CD5C5C",
        2: "#B22222",
        3: "#D2691E",
        4: "#8B4513",
        5: "#A0522D",
      }
    }
  }
}

Hex values

Color 1#CD5C5C

Color 2#B22222

Color 3#D2691E

Color 4#8B4513

Color 5#A0522D

Accessibility

Contrast checker

1.7:1Fail

1.1:1Fail

1.8:1Fail

1.4:1Fail

1.7:1Fail

1.8:1Fail

1.1:1Fail

1.2:1Fail

1.1:1Fail

1.8:1Fail

2:1Fail

1.5:1Fail

1.8:1Fail

1.1:1Fail

2:1Fail

1.3:1Fail

1.4:1Fail

1.2:1Fail

1.5:1Fail

1.3:1Fail

Similar palettes

More like Canyon Wall Terracotta

Canyon Wall Terracotta

See it in context.

Ready when you are.

Built with Canyon Wall Terracotta.

How to use Canyon Wall Terracotta

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Terracotta Sunset

Deep Earth

Canyon Layers

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Canyon Wall Terracotta