Palette

Golden Hour Horizon

The breathtaking transition of colors across the sky during a radiant golden hour.

warmenergetic5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Golden Hour Horizon 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 Golden Hour Horizon.

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

Data visualization

#E6B800#FFD700#FFA500#FF4500#FF0000

Palette guide

How to use Golden Hour Horizon

Overview

The Golden Hour Horizon palette captures the breathtaking transition of colors across the sky during a radiant golden hour, from rich gold to fiery red. This energetic collection, featuring the bold gold of #E6B800, the vibrant orange of #FFA500, and the intense red of #FF0000, is perfect for designs that demand attention and convey passion. Developers can leverage these hues for dynamic gaming interfaces or impactful advertising, while designers will find them ideal for dramatic photography, sports branding, or urgent alerts. The striking #FFD700 and #FF4500 add layers of intensity, making this palette versatile for projects requiring a strong, memorable, and energetic visual statement.

Best used for

Sports event branding
Dramatic photography and art
Gaming interfaces and graphics
Impactful advertising campaigns
Emergency service visuals
High-energy event promotions

Suggested color roles

primary

Use #FFA500 as a vibrant and strong primary color for calls to action, conveying urgency and excitement.

secondary

Apply #FFD700 for key visual elements, important headings, or to add a bright, golden highlight.

accent

Utilize #FF0000 as a bold accent for critical alerts, warning messages, or dramatic graphical elements.

background

Implement #E6B800 as a rich, impactful background, providing a strong base for darker text and powerful visuals.

text

Pair with black or very dark gray for optimal readability on lighter golds. White text works exceptionally well on #FF4500 and #FF0000.

Accessibility notes

White text on #FF4500 and #FF0000 offers excellent contrast and legibility.
Black text on #E6B800 and #FFD700 is generally legible, but ensure sufficient size for body copy.
Be mindful of red-green color blindness when using red for critical information; pair with strong iconography.
Always test high-contrast combinations to prevent visual strain or 'vibrating' effects for some users.

Recommended combinations

Fiery Sunset

Creates dynamic and dramatic gradients for hero sections, banners, or visual storytelling.

#FFD700 · #FFA500 · #FF0000

Bold Impact

Ideal for high-energy visuals, sports team branding, or any design needing to make a strong statement.

#E6B800 · #FF4500 · #FF0000

Golden Transition

Effective for creating vibrant background layers, progressive disclosure in UI, or eye-catching headers.

#E6B800 · #FFD700 · #FFA500

CSS variables

:root {
  --golden-hour-horizon-1: #E6B800;
  --golden-hour-horizon-2: #FFD700;
  --golden-hour-horizon-3: #FFA500;
  --golden-hour-horizon-4: #FF4500;
  --golden-hour-horizon-5: #FF0000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-hour-horizon": {
        1: "#E6B800",
        2: "#FFD700",
        3: "#FFA500",
        4: "#FF4500",
        5: "#FF0000",
      }
    }
  }
}

Hex values

Color 1#E6B800

Color 2#FFD700

Color 3#FFA500

Color 4#FF4500

Color 5#FF0000

Accessibility

Contrast checker

1.3:1Fail

1.1:1Fail

1.8:1Fail

2.1:1Fail

1.3:1Fail

1.4:1Fail

2.5:1Fail

2.9:1Fail

1.1:1Fail

1.4:1Fail

1.7:1Fail

2:1Fail

1.8:1Fail

2.5:1Fail

1.7:1Fail

1.2:1Fail

2.1:1Fail

2.9:1Fail

2:1Fail

1.2:1Fail

Similar palettes

More like Golden Hour Horizon