Back to palettes

Palette

Golden Hour Sunset

Radiant hues mirroring the breathtaking warmth of the sun as it dips below the horizon in a fiery display.

WarmEnergetic5 colors
More Warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F9DC5C#F4A261#E76F51#D82D2D#C1121F

Palette guide

How to use Golden Hour Sunset

Overview

The Golden Hour Sunset palette embodies the breathtaking warmth and fiery display of the sun dipping below the horizon. This energetic collection features bright golden yellow #F9DC5C, vivid orange #F4A261, rich coral #E76F51, intense red #D82D2D, and deep crimson #C1121F. It's a palette designed for impact, perfect for projects that demand attention and convey a sense of passion, excitement, and dramatic natural beauty. Designers can utilize this scheme to inject high energy and a vibrant, unmissable presence into their creations, capturing the essence of a truly spectacular sunset.

Best used for

  • High-impact marketing campaigns and advertisements
  • Event branding for festivals or concerts
  • Gaming interfaces and vibrant app themes
  • Bold editorial designs for fashion or lifestyle
  • Product packaging requiring a strong, energetic presence
  • Digital art and illustrations with dramatic lighting

Suggested color roles

primary

Use #F4A261 as the main color for interactive elements and prominent sections, offering warmth and vibrancy.

secondary

Apply #E76F51 for subheadings, secondary calls-to-action, or to provide a deeper, energetic complement.

accent

Reserve #C1121F for powerful accents, critical alerts, or to create a dramatic, unforgettable focal point.

background

Utilize #F9DC5C as a bright, luminous background to make the deeper reds and oranges pop.

text

For body text, a dark charcoal or black provides optimal readability on #F9DC5C. For headings on darker shades, use white.

Accessibility notes

  • Ensure high contrast for text, especially when using lighter colors like #F9DC5C with other palette colors; black text is often best.
  • The deep #C1121F offers strong contrast against #F9DC5C, making it suitable for headlines and important information.
  • Be mindful of differentiating between similar red tones (#D82D2D, #C1121F) for users with red-green color blindness.
  • Avoid placing light text directly on mid-tones such as #E76F51 without careful WCAG contrast checks.

Recommended combinations

Fiery Sunset

Creates a dynamic, high-energy gradient ideal for hero banners or impactful visual statements.

#F4A261 · #E76F51 · #C1121F

Golden Ember

Provides a radiant contrast, suitable for highlighting key information or creative backgrounds.

#F9DC5C · #D82D2D · #E76F51

Radiant Warmth

A balanced and inviting combination, perfect for branding elements or section headers.

#F4A261 · #F9DC5C · #D82D2D

CSS variables

:root {
  --golden-hour-sunset-1: #F9DC5C;
  --golden-hour-sunset-2: #F4A261;
  --golden-hour-sunset-3: #E76F51;
  --golden-hour-sunset-4: #D82D2D;
  --golden-hour-sunset-5: #C1121F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-hour-sunset": {
        1: "#F9DC5C",
        2: "#F4A261",
        3: "#E76F51",
        4: "#D82D2D",
        5: "#C1121F",
      }
    }
  }
}

Related searches

vibrant sunset paletteenergetic golden hourfiery red orange colorsbold branding schemedramatic warm palette

Palette colors

Hex values

Color 1#F9DC5C
·
Color 2#F4A261
·
Color 3#E76F51
·
Color 4#D82D2D
·
Color 5#C1121F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.3:1Fail
3.6:1AA18
4.6:1AA
2
1.5:1Fail
1.5:1Fail
2.4:1Fail
3:1AA18
3
2.3:1Fail
1.5:1Fail
1.6:1Fail
2:1Fail
4
3.6:1AA18
2.4:1Fail
1.6:1Fail
1.3:1Fail
5
4.6:1AA
3:1AA18
2:1Fail
1.3:1Fail

Similar palettes

More like Golden Hour Sunset

View all Warm
Crimson Sunset Haze
Fiery Sunset Canvas
Canyon Sunset Blaze
Sunset Cliff Blazes
Dusk Horizon Radiance
Fiery Phoenix Ash