Back to palettes

Palette

Canyon Fire Sunset

Fiery hues reflecting a dramatic sunset over rugged desert canyons and red rock formations.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#BF6C3D#D99852#8C472C#5C2D1F#F2EBE0

Palette guide

How to use Canyon Fire Sunset

Overview

The "Canyon Fire Sunset" palette ignites designs with fiery hues, reflecting a dramatic sunset over rugged desert canyons and red rock formations. It features the rich, deep #5C2D1F and #8C472C, transitioning to the vibrant #BF6C3D and #D99852, all balanced by the soft, almost neutral #F2EBE0. This palette offers a dynamic range from intense warmth to a calming light, perfect for evoking passion, adventure, and natural beauty. Designers can leverage its vivid contrast to create compelling visual narratives, ideal for projects seeking to make a bold yet organic statement across various media.

Best used for

  • Outdoor adventure and extreme sports branding
  • Travel blogs focusing on desert expeditions
  • E-commerce for artisanal leather goods or rugged apparel
  • Digital art or illustration with fiery, natural themes
  • Restaurant branding specializing in grilled or spicy cuisine
  • Event promotion for outdoor festivals or concerts

Suggested color roles

primary

Use #5C2D1F as a powerful primary for deep backgrounds or strong structural elements, conveying strength and drama.

secondary

Employ #8C472C for subheadings, navigation, or secondary content blocks, maintaining a rich, earthy foundation.

accent

Apply #BF6C3D for vibrant call-to-action buttons or focal points, adding an energetic and inviting glow.

background

Utilize #F2EBE0 as a soft, luminous background, offering excellent readability for darker text and a sense of open sky.

text

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

Accessibility notes

  • Ensure strong contrast when using #F2EBE0 with text; darker palette colors are crucial for readability.
  • Check WCAG contrast ratios for #D99852 when used for text, especially on light backgrounds.
  • The dark tones #5C2D1F and #8C472C provide excellent contrast for white or very light text.
  • Avoid pairing #BF6C3D with #D99852 for small text to maintain clear distinction and readability.

Recommended combinations

Sunset Blaze

Ideal for creating a dramatic, deep-to-bright gradient in headers or hero images.

#5C2D1F · #8C472C · #BF6C3D

Desert Radiance

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

#F2EBE0 · #D99852 · #BF6C3D

Fiery Contrast

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

#5C2D1F · #D99852 · #F2EBE0

CSS variables

:root {
  --canyon-fire-sunset-1: #BF6C3D;
  --canyon-fire-sunset-2: #D99852;
  --canyon-fire-sunset-3: #8C472C;
  --canyon-fire-sunset-4: #5C2D1F;
  --canyon-fire-sunset-5: #F2EBE0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "canyon-fire-sunset": {
        1: "#BF6C3D",
        2: "#D99852",
        3: "#8C472C",
        4: "#5C2D1F",
        5: "#F2EBE0",
      }
    }
  }
}

Related searches

canyon sunset color schemefiery orange brown palettedramatic desert colorsearthy warm designred rock hex codes

Palette colors

Hex values

Color 1#BF6C3D
·
Color 2#D99852
·
Color 3#8C472C
·
Color 4#5C2D1F
·
Color 5#F2EBE0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
1.8:1Fail
2.9:1Fail
3.3:1AA18
2
1.6:1Fail
2.8:1Fail
4.6:1AA
2.1:1Fail
3
1.8:1Fail
2.8:1Fail
1.6:1Fail
5.8:1AA
4
2.9:1Fail
4.6:1AA
1.6:1Fail
9.6:1AAA
5
3.3:1AA18
2.1:1Fail
5.8:1AA
9.6:1AAA

Similar palettes

More like Canyon Fire Sunset

View all warm
Canyon Dusk Ember
Canyon Ridge Ember
Mesa Ember Glow
Terracotta Sunset Glaze
Bohemian Sunset Bloom
Boho Sunset Dream