Back to palettes

Palette

Sunset Horizon Trail

Captures the dramatic transition of colors across the sky as the sun dips below the horizon, painting the landscape in fire.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sunset Horizon Trail 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 Horizon Trail.

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

Data visualization

#FF4500#FF8C00#FFA07A#FFD700#8B0000

Palette guide

How to use Sunset Horizon Trail

Overview

The Sunset Horizon Trail palette captures the dramatic transition of colors across the sky as the sun dips below the horizon, painting the landscape in fire. This collection features intense oranges and reds, from the bold #FF4500 (Orange Red) and vibrant #FF8C00 (Dark Orange) to the deep, impactful #8B0000 (Dark Red). The lighter, luminous tones of #FFA07A (Light Salmon) and #FFD700 (Gold) provide a beautiful contrast, reminiscent of the sun's last golden rays. Designers can leverage this palette for projects requiring high energy, passion, or a sense of adventure. It’s particularly effective for branding, web interfaces, or marketing materials that aim to convey strength, warmth, and an unforgettable visual journey, perfect for a dynamic and engaging presence.

Best used for

  • Adventure sports and outdoor gear
  • Travel and exploration blogs
  • High-energy event promotions
  • Automotive and racing brands
  • Bold fashion statements
  • Food delivery services

Suggested color roles

primary

Use #FF4500 (Orange Red) for prominent calls-to-action, key headlines, or brand logos to convey immediate energy and urgency.

secondary

Apply #8B0000 (Dark Red) for important subheadings, navigation, or strong accent lines, adding depth and intensity.

accent

Highlight with #FFD700 (Gold) for interactive states, subtle icons, or decorative elements, providing a luminous, eye-catching spark.

background

Utilize #FFA07A (Light Salmon) as a warm, inviting background color, ensuring readability while maintaining the palette's glow.

text

For body text, black provides the best contrast against the vibrant and lighter shades; #8B0000 can be used for larger, impactful headings.

Accessibility notes

  • Ensure strong contrast for text on #FFA07A; prefer black or #8B0000 for optimal readability.
  • The vibrancy of #FF4500 and #FF8C00 may have insufficient contrast against each other for small text; use them for larger elements.
  • Verify that #FFD700 provides sufficient contrast against both lighter and darker shades if used for interactive components.
  • Avoid placing #FFA07A and #FFD700 directly adjacent for critical information due to their similar light values.

Recommended combinations

Fiery Path

Create a dramatic, energetic gradient; #FFA07A as lightest, #FF8C00 for mid-tones, and #FF4500 for deep accents.

#FFA07A · #FF8C00 · #FF4500

Golden Trail

Ideal for a strong, passionate look; #8B0000 as a base, #FFD700 for vibrant highlights, and #FF4500 for bold focal points.

#8B0000 · #FFD700 · #FF4500

Sunset Blaze

Perfect for vibrant headings, subtle patterns, or graphical elements where a dynamic yet harmonious blend is desired.

#FFA07A · #FFD700 · #FF8C00

CSS variables

:root {
  --sunset-horizon-trail-1: #FF4500;
  --sunset-horizon-trail-2: #FF8C00;
  --sunset-horizon-trail-3: #FFA07A;
  --sunset-horizon-trail-4: #FFD700;
  --sunset-horizon-trail-5: #8B0000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunset-horizon-trail": {
        1: "#FF4500",
        2: "#FF8C00",
        3: "#FFA07A",
        4: "#FFD700",
        5: "#8B0000",
      }
    }
  }
}

Related searches

dramatic sunset colorsfiery orange red paletteadventure travel colorsvibrant horizon schemegolden red design

Palette colors

Hex values

Color 1#FF4500
·
Color 2#FF8C00
·
Color 3#FFA07A
·
Color 4#FFD700
·
Color 5#8B0000
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.7:1Fail
2.5:1Fail
2.9:1Fail
2
1.5:1Fail
1.2:1Fail
1.7:1Fail
4.3:1AA18
3
1.7:1Fail
1.2:1Fail
1.4:1Fail
5:1AA
4
2.5:1Fail
1.7:1Fail
1.4:1Fail
7.1:1AAA
5
2.9:1Fail
4.3:1AA18
5:1AA
7.1:1AAA

Similar palettes

More like Sunset Horizon Trail

View all warm
Ember Sky
Sunset Horizon Radiance
Sunset Inferno Blaze
Arid Twilight Glow
Canyon Sunset Glow
Coral Sunset Blaze