Back to palettes

Palette

Dusk Horizon Radiance

A radiant gradient of yellows, oranges, and reds that mirrors the breathtaking warmth of a fiery sunset horizon.

Warmenergetic5 colors
More Warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Dusk Horizon Radiance 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 Dusk Horizon Radiance.

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

Data visualization

#FFD700#FFA500#FF8C00#FF4500#FF0000

Palette guide

How to use Dusk Horizon Radiance

Overview

The "Dusk Horizon Radiance" palette is a radiant gradient of yellows, oranges, and reds, mirroring the breathtaking warmth of a fiery sunset horizon. This energetic collection transitions from a brilliant gold #FFD700 through vibrant oranges like #FFA500 and #FF8C00, intensifying to a fiery red #FF0000. It's ideal for designs seeking high energy, passion, and a captivating visual impact. Designers can utilize this palette for bold branding, dynamic event promotions, or exciting digital interfaces. Developers will find these hex codes excellent for creating visually striking user experiences, commanding attention with their warmth and intensity, perfect for calls-to-action or urgent messaging.

Best used for

  • High-energy event promotion and marketing
  • Sports branding or team merchandise
  • Food and beverage packaging (especially spicy or exotic)
  • Gaming interfaces or entertainment websites
  • Fashion and beauty brands with a bold, confident image
  • Automotive or adventure travel advertising

Suggested color roles

primary

#FFA500 - A vibrant orange, excellent for main branding elements, calls-to-action, or to convey energy and excitement.

secondary

#FFD700 - A brilliant gold, perfect for subheadings, highlights, or to add a touch of luxury and warmth.

accent

#FF0000 - A pure, fiery red, ideal for urgent alerts, strong calls-to-action, or to evoke passion and intensity.

background

#FFF6E4 (near-white) - A very light, warm cream (not in palette, but recommended for contrast) provides a clean, bright canvas.

text

#333333 (charcoal) or #000000 (black) - A strong dark color is essential for readability against these bright, warm hues.

Accessibility notes

  • Using light text on these vibrant colors will almost always fail contrast checks; use dark text exclusively.
  • #FFD700, #FFA500, #FF8C00, #FF4500, and #FF0000 all require dark text (e.g., black or #333333) for readability.
  • When using these colors for interactive elements, ensure focus states are clearly distinguishable with high contrast.
  • Avoid pairing adjacent colors in this gradient for text/background unless the text is very large and decorative.

Recommended combinations

Sunset Blaze

Creates a dynamic, fiery gradient for hero sections, banners, or to suggest motion and energy.

#FFD700 · #FFA500 · #FF4500

Bold Impact

Use for powerful calls-to-action, prominent headings, or to create high-impact visual elements.

#FFA500 · #FF0000 · #FF8C00

Radiant Contrast

A bright base with the strongest red for key information and orange for secondary details, demanding attention.

#FFD700 · #FF0000 · #FFA500

CSS variables

:root {
  --dusk-horizon-radiance-1: #FFD700;
  --dusk-horizon-radiance-2: #FFA500;
  --dusk-horizon-radiance-3: #FF8C00;
  --dusk-horizon-radiance-4: #FF4500;
  --dusk-horizon-radiance-5: #FF0000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dusk-horizon-radiance": {
        1: "#FFD700",
        2: "#FFA500",
        3: "#FF8C00",
        4: "#FF4500",
        5: "#FF0000",
      }
    }
  }
}

Related searches

fiery sunset color palettevibrant red orange yellowenergetic warm colorsdusk glow designbold gradient branding

Palette colors

Hex values

Color 1#FFD700
·
Color 2#FFA500
·
Color 3#FF8C00
·
Color 4#FF4500
·
Color 5#FF0000
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.7:1Fail
2.5:1Fail
2.9:1Fail
2
1.4:1Fail
1.2:1Fail
1.7:1Fail
2:1Fail
3
1.7:1Fail
1.2:1Fail
1.5:1Fail
1.7:1Fail
4
2.5:1Fail
1.7:1Fail
1.5:1Fail
1.2:1Fail
5
2.9:1Fail
2:1Fail
1.7:1Fail
1.2:1Fail

Similar palettes

More like Dusk Horizon Radiance

View all Warm
Autumn Bounty Feast
Volcanic Glass Gleam
Crimson Sunset Haze
Golden Hour Haze
Golden Hour Sunset
Mountain Ember Dusk