Back to palettes

Palette

Canyon Abstract Sunset

Captures the fiery, dramatic colors of an abstract sunset over rugged canyon lands.

VibrantEnergetic5 colors
More Vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF6700#F7C59F#D84A00#F37021#C70039

Palette guide

How to use Canyon Abstract Sunset

Overview

The Canyon Abstract Sunset palette captures the fiery, dramatic colors of an abstract sunset over rugged canyon lands. With intense hues like the vibrant orange #FF6700, a softer peach #F7C59F, a deep burnt orange #D84A00, and a lively reddish-orange #F37021, culminating in a striking deep red #C70039, this palette is highly energetic and warm. It's an excellent choice for designers seeking to convey dynamism, passion, and a bold connection to natural wonders. This versatile collection of warm tones is perfect for projects that require a strong visual impact and an adventurous spirit.

Best used for

  • Adventure travel and tourism branding
  • Outdoor sports and activity marketing
  • Dramatic digital art and photography
  • Event promotions for high-energy gatherings
  • Modern art and abstract design projects
  • Automotive or performance product advertising

Suggested color roles

primary

Use #FF6700 (Vibrant Orange) for dominant sections, headlines, or hero images to establish a bold, energetic foundation.

secondary

Employ #D84A00 (Burnt Orange) for sub-sections, navigation, or as a rich, grounding complementary tone.

accent

Apply #C70039 (Deep Red) sparingly for call-to-action buttons, key highlights, or interactive elements to create intense focus.

background

The pale #F7C59F (Peach) provides a soft base, allowing the more intense colors to pop, or use a neutral dark grey.

text

For optimal readability, use black or very dark charcoal text on #F7C59F, and white or light cream text on #FF6700, #D84A00, #F37021, and #C70039.

Accessibility notes

  • Ensure white text on #FF6700, #D84A00, #F37021, and #C70039 has sufficient contrast for readability.
  • Dark text (e.g., #333333) is essential on #F7C59F for accessibility.
  • Avoid pairing similar intense warm tones for critical information without checking contrast ratios.
  • When designing interactive elements, ensure hover/active states provide clear contrast changes.

Recommended combinations

Fiery Horizon

Ideal for dynamic headers, striking graphics, or conveying a powerful, energetic brand message.

#FF6700 · #D84A00 · #F37021

Sunset Glow

Perfect for creating captivating backgrounds, warm illustrations, or an inviting yet dramatic UI.

#F7C59F · #FF6700 · #C70039

Abstract Heat

Great for high-impact accents, bold typography, or a modern, artistic visual identity.

#C70039 · #D84A00 · #F37021

CSS variables

:root {
  --canyon-abstract-sunset-1: #FF6700;
  --canyon-abstract-sunset-2: #F7C59F;
  --canyon-abstract-sunset-3: #D84A00;
  --canyon-abstract-sunset-4: #F37021;
  --canyon-abstract-sunset-5: #C70039;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "canyon-abstract-sunset": {
        1: "#FF6700",
        2: "#F7C59F",
        3: "#D84A00",
        4: "#F37021",
        5: "#C70039",
      }
    }
  }
}

Related searches

canyon sunset colorsabstract warm paletteenergetic orange reddramatic nature schemevibrant desert hues

Palette colors

Hex values

Color 1#FF6700
·
Color 2#F7C59F
·
Color 3#D84A00
·
Color 4#F37021
·
Color 5#C70039
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
1.5:1Fail
1:1Fail
2.1:1Fail
2
1.9:1Fail
2.7:1Fail
1.9:1Fail
3.9:1AA18
3
1.5:1Fail
2.7:1Fail
1.5:1Fail
1.4:1Fail
4
1:1Fail
1.9:1Fail
1.5:1Fail
2.1:1Fail
5
2.1:1Fail
3.9:1AA18
1.4:1Fail
2.1:1Fail

Similar palettes

More like Canyon Abstract Sunset

View all Vibrant