Palette

Canyon Sunset Blaze

A fiery palette depicting the dramatic colors of a sunset igniting a rugged red rock canyon.

WarmEnergetic5 colors

More Warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFAB91#FF7043#D84315#BF360C#5D4037

Palette guide

How to use Canyon Sunset Blaze

Overview

The "Canyon Sunset Blaze" palette is a fiery collection depicting the dramatic colors of a sunset igniting a rugged red rock canyon. It features a bold progression from the deep, grounding #5D4037 to intense oranges and reds like #BF360C, #D84315, and #FF7043, culminating in the vibrant #FFAB91. This palette offers a dynamic range, perfect for evoking passion, energy, and natural spectacle. Designers can leverage its vivid contrast to create compelling, high-impact visual narratives, ideal for projects seeking to make a strong, energetic statement across various digital and print applications, ensuring a memorable user experience.

Best used for

Outdoor adventure and extreme sports branding
Travel blogs focusing on dramatic landscapes
E-commerce for activewear or sports equipment
Gaming interfaces with fiery or intense themes
Restaurant branding specializing in bold flavors
Event promotion for high-energy festivals

Suggested color roles

primary

Use #BF360C as a powerful primary for main calls-to-action or prominent headers, conveying urgency and excitement.

secondary

Employ #D84315 for subheadings, navigation, or key content blocks, maintaining a strong, energetic foundation.

accent

Apply #FF7043 for vibrant highlights or interactive elements, drawing immediate attention with its intense glow.

background

Utilize #FFAB91 as a softer, luminous background for content, ensuring good readability with darker text.

text

For body text, a deep brown like #5D4037 or a dark charcoal ensures optimal legibility against lighter, fiery backgrounds.

Accessibility notes

Ensure strong contrast when using #FFAB91 with text; darker palette colors are crucial for readability.
Check WCAG contrast ratios for #FF7043 and #D84315 when used for text, especially on lighter backgrounds.
The dark tone #5D4037 provides excellent contrast for white or very light text.
Avoid pairing #D84315 with #BF360C for small text to maintain clear distinction and readability due to similar hues.

Recommended combinations

Blazing Core

Ideal for creating a dramatic, intense gradient in hero images or impactful banners.

#BF360C · #D84315 · #FF7043

Sunset Fire

Excellent for vibrant backgrounds with layered accents, evoking a warm, setting sun.

#FFAB91 · #FF7043 · #D84315

Deep Ember

Suitable for high-contrast informational sections, with dark text on light backgrounds, highlighted by a vibrant mid-tone.

#5D4037 · #D84315 · #FFAB91

CSS variables

:root {
  --canyon-sunset-blaze-1: #FFAB91;
  --canyon-sunset-blaze-2: #FF7043;
  --canyon-sunset-blaze-3: #D84315;
  --canyon-sunset-blaze-4: #BF360C;
  --canyon-sunset-blaze-5: #5D4037;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "canyon-sunset-blaze": {
        1: "#FFAB91",
        2: "#FF7043",
        3: "#D84315",
        4: "#BF360C",
        5: "#5D4037",
      }
    }
  }
}

Hex values

Color 1#FFAB91

Color 2#FF7043

Color 3#D84315

Color 4#BF360C

Color 5#5D4037

Accessibility

Contrast checker

1.5:1Fail

2.4:1Fail

3.1:1AA18

5.1:1AA

1.5:1Fail

1.6:1Fail

2:1Fail

3.4:1AA18

2.4:1Fail

1.6:1Fail

1.3:1Fail

2.1:1Fail

3.1:1AA18

2:1Fail

1.3:1Fail

1.7:1Fail

5.1:1AA

3.4:1AA18

2.1:1Fail

1.7:1Fail

Similar palettes

More like Canyon Sunset Blaze