Palette

Sunset Canyon View

Dramatic reds and oranges evoke the breathtaking spectacle of a sunset over a vast canyon landscape.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B4513#D2691E#FFA07A#FFD700#A0522D

Palette guide

How to use Sunset Canyon View

Overview

The "Sunset Canyon View" palette evokes the breathtaking spectacle of a vast canyon landscape bathed in dramatic evening light. Dominated by powerful reds and oranges, it features the deep warmth of #8B4513 (saddle brown), the vibrant intensity of #D2691E (chocolate), the softer glow of #FFA07A (light salmon), and the radiant brilliance of #FFD700 (gold). The grounding presence of #A0522D (sienna) completes this rich, earthy collection. Designers can leverage this palette to create impactful, natural, and visually rich experiences. Developers will find these hues ideal for travel platforms, immersive storytelling, or any brand aiming to convey grandeur, adventure, and the beauty of the natural world.

Best used for

Adventure tourism websites
Luxury outdoor brands
Nature documentaries and film promotion
Earthy and rustic interior design
Autumnal fashion collections
Geological and scientific educational content

Suggested color roles

primary

#D2691E (A rich, vibrant orange-brown, perfect for main calls to action, headlines, or dominant brand elements that demand attention.)

secondary

#8B4513 (A deep saddle brown, excellent for supporting graphical elements, navigation, or strong foundational branding.)

accent

#FFD700 (A brilliant gold, providing a luminous highlight for important icons, selected text, or decorative flourishes, mimicking sunlight.)

background

#FFA07A (A soft, light salmon, serving as a warm and inviting background that allows darker colors to pop without being stark.)

text

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

Accessibility notes

Ensure sufficient contrast between #FFA07A and any overlaid text, especially for body copy.
#FFD700 (gold) should be used carefully for text on light backgrounds; best for larger decorative elements.
#8B4513 and #A0522D provide excellent contrast for white or very light text.
Avoid using #D2691E and #FFA07A together for small text due to similar warm tones and potential low contrast.

Recommended combinations

Golden Canyon

Captures a bright, dramatic sunset. #D2691E for primary elements, #FFD700 for luminous highlights, and #FFA07A as a warm base.

#D2691E · #FFD700 · #FFA07A

Deep Earth

For grounded, rich visuals. #8B4513 and #A0522D for strong, earthy depth, with #FFA07A providing a soft, natural contrast.

#8B4513 · #A0522D · #FFA07A

Canyon Glow

Offers strong, vibrant contrast. #D2691E for energetic calls, #8B4513 for grounding, and #FFD700 as a striking accent.

#D2691E · #8B4513 · #FFD700

CSS variables

:root {
  --sunset-canyon-view-1: #8B4513;
  --sunset-canyon-view-2: #D2691E;
  --sunset-canyon-view-3: #FFA07A;
  --sunset-canyon-view-4: #FFD700;
  --sunset-canyon-view-5: #A0522D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunset-canyon-view": {
        1: "#8B4513",
        2: "#D2691E",
        3: "#FFA07A",
        4: "#FFD700",
        5: "#A0522D",
      }
    }
  }
}

Hex values

Color 1#8B4513

Color 2#D2691E

Color 3#FFA07A

Color 4#FFD700

Color 5#A0522D

Accessibility

Contrast checker

2:1Fail

3.6:1AA18

5.1:1AA

1.3:1Fail

2:1Fail

1.8:1Fail

2.6:1Fail

1.5:1Fail

3.6:1AA18

1.8:1Fail

1.4:1Fail

2.8:1Fail

5.1:1AA

2.6:1Fail

1.4:1Fail

4:1AA18

1.3:1Fail

1.5:1Fail

2.8:1Fail

4:1AA18

Similar palettes

More like Sunset Canyon View

Canyon Vista Radiance