Palette

Canyon Sunset Glow

Fiery oranges and reds blend into softer peach hues, capturing the dramatic and intense colors of a desert sunset.

warmenergetic5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B87333#D2691E#FF4500#FF8C00#FFA07A

Palette guide

How to use Canyon Sunset Glow

Overview

The "Canyon Sunset Glow" palette captures the dramatic and intense colors of a desert sunset, blending fiery oranges and reds into softer peach hues. It features a vibrant spectrum from the rich #B87333 and #D2691E to the intense #FF4500 and #FF8C00, culminating in the softer #FFA07A. This palette offers a dynamic range, perfect for evoking energy, warmth, 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 travel websites
Branding for natural energy drinks or healthy snacks
Art and photography portfolios with dramatic sunset themes
E-commerce for camping gear or outdoor apparel
Event promotion for summer festivals or outdoor concerts
Digital art or illustration with warm, natural light

Suggested color roles

primary

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

secondary

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

accent

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

background

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

text

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

Accessibility notes

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

Recommended combinations

Sunset Intensity

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

#FF4500 · #FF8C00 · #D2691E

Desert Radiance

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

#FFA07A · #FF8C00 · #D2691E

Fiery Earth

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

#B87333 · #FF8C00 · #FFA07A

CSS variables

:root {
  --canyon-sunset-glow-1: #B87333;
  --canyon-sunset-glow-2: #D2691E;
  --canyon-sunset-glow-3: #FF4500;
  --canyon-sunset-glow-4: #FF8C00;
  --canyon-sunset-glow-5: #FFA07A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "canyon-sunset-glow": {
        1: "#B87333",
        2: "#D2691E",
        3: "#FF4500",
        4: "#FF8C00",
        5: "#FFA07A",
      }
    }
  }
}

Hex values

Color 1#B87333

Color 2#D2691E

Color 3#FF4500

Color 4#FF8C00

Color 5#FFA07A

Accessibility

Contrast checker

1:1Fail

1.1:1Fail

1.6:1Fail

1.9:1Fail

1:1Fail

1.1:1Fail

1.6:1Fail

1.8:1Fail

1.1:1Fail

1.5:1Fail

1.7:1Fail

1.6:1Fail

1.5:1Fail

1.2:1Fail

1.9:1Fail

1.8:1Fail

1.7:1Fail

1.2:1Fail

Similar palettes

More like Canyon Sunset Glow

Canyon Sunset Glow

See it in context.

Ready when you are.

Built with Canyon Sunset Glow.

How to use Canyon Sunset Glow

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Sunset Intensity

Desert Radiance

Fiery Earth

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Canyon Sunset Glow