Palette

Sunset Canyon Trail

Warm oranges and deep reds fade into dusty purples, capturing the breathtaking beauty of a canyon bathed in evening light.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sunset Canyon Trail 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 Sunset Canyon Trail.

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

Data visualization

#CD5B45#A33E31#E2B678#8B5B4C#6E8FB6

Palette guide

How to use Sunset Canyon Trail

Overview

The "Sunset Canyon Trail" palette beautifully captures the awe-inspiring beauty of a canyon bathed in evening light. It features a harmonious blend of warm oranges and deep reds, such as the rustic #CD5B45 and rich #A33E31, complemented by the sandy gold of #E2B678 and the earthy brown of #8B5B4C. A striking dusty blue, #6E8FB6, introduces a cool, expansive element, reminiscent of the vast sky. This palette is perfect for designers aiming to evoke a natural, rugged, yet comforting aesthetic. Developers can apply these hues to outdoor adventure platforms, travel blogs, or any digital experience seeking to convey authenticity, warmth, and natural grandeur.

Best used for

Outdoor adventure and hiking brands
Travel and nature photography websites
Documentary film branding
Earthy interior design concepts
Sustainable product packaging
Educational content on geology or wilderness

Suggested color roles

primary

#CD5B45 (A warm, inviting terracotta, ideal for main calls to action, headlines, or dominant brand elements.)

secondary

#A33E31 (A deep, rich russet, excellent for supporting graphical elements, navigation, or strong foundational branding.)

accent

#6E8FB6 (A muted, dusty blue, providing a refreshing, cool contrast, perfect for interactive states, subtle highlights, or sky elements.)

background

#E2B678 (A soft, sandy gold, serving as a warm and inviting background that complements the earthy tones.)

text

#8B5B4C (For dark, readable text against light backgrounds, or a deep charcoal for general body copy, ensuring good legibility.)

Accessibility notes

Ensure sufficient contrast between lighter shades like #E2B678 and any overlaid text, especially for body copy.
The blue #6E8FB6 will stand out against the warm tones; ensure text on it has good contrast (e.g., white or #E2B678).
#A33E31 provides excellent contrast for white or very light text, suitable for headlines or buttons.
Avoid using #CD5B45 and #A33E31 for small text against each other due to similar red tones.

Recommended combinations

Trailhead

Creates a grounded, inviting feel. #CD5B45 for primary elements, #E2B678 for warm backgrounds, and #8B5B4C for text.

#CD5B45 · #E2B678 · #8B5B4C

Canyon Sky

Balances deep earth tones with expansive sky. #A33E31 for strong visuals, #6E8FB6 for cool accents, and #E2B678 for a soft base.

#A33E31 · #6E8FB6 · #E2B678

Desert Dusk

For dramatic, natural compositions. #CD5B45 and #8B5B4C for rich depth, with #6E8FB6 offering a striking atmospheric contrast.

#CD5B45 · #8B5B4C · #6E8FB6

CSS variables

:root {
  --sunset-canyon-trail-1: #CD5B45;
  --sunset-canyon-trail-2: #A33E31;
  --sunset-canyon-trail-3: #E2B678;
  --sunset-canyon-trail-4: #8B5B4C;
  --sunset-canyon-trail-5: #6E8FB6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunset-canyon-trail": {
        1: "#CD5B45",
        2: "#A33E31",
        3: "#E2B678",
        4: "#8B5B4C",
        5: "#6E8FB6",
      }
    }
  }
}

Hex values

Color 1#CD5B45

Color 2#A33E31

Color 3#E2B678

Color 4#8B5B4C

Color 5#6E8FB6

Accessibility

Contrast checker

1.6:1Fail

2.2:1Fail

1.4:1Fail

1.2:1Fail

1.6:1Fail

3.4:1AA18

1.1:1Fail

1.9:1Fail

2.2:1Fail

3.4:1AA18

3:1AA18

1.8:1Fail

1.4:1Fail

1.1:1Fail

3:1AA18

1.7:1Fail

1.2:1Fail

1.9:1Fail

1.8:1Fail

1.7:1Fail

Similar palettes

More like Sunset Canyon Trail

Canyon Vista Radiance

Desert Mesa Ember