Palette

Golden Hour Radiance

Capturing the breathtaking glow of the sun as it dips below the horizon, painting the sky in gold.

warmenergetic5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFD700#FFC72C#FBB02D#E58C18#C1440E

Palette guide

How to use Golden Hour Radiance

Overview

The Golden Hour Radiance palette captures the breathtaking glow of the sun as it dips below the horizon, painting the sky in gold. Featuring vibrant golds like #FFD700 and #FFC72C, warm orange-gold #FBB02D, and deep, energetic tones such as #E58C18 and #C1440E, this collection offers designers and developers a powerful and dynamic range of warm hues. It's perfect for projects requiring boldness, energy, and a rich, autumnal feel. Use these hex codes to create impactful digital experiences, striking marketing materials, or robust brand identities that command attention and radiate warmth.

Best used for

Bold brand identities and logos
Sports team branding and merchandise
Autumnal and fall-themed marketing
Impactful advertising campaigns
Dynamic web applications and dashboards
Rich, textural illustration work

Suggested color roles

primary

Designate #FBB02D as a rich orange-gold primary for headings or key elements, offering warmth and engagement.

secondary

Utilize #FFD700 as a bright gold secondary for highlights, interactive elements, or to add energetic contrast.

accent

Incorporate #C1440E as a deep burnt orange accent for powerful calls to action, important alerts, or strong focal points.

background

Select #FFC72C as a vibrant, luminous background to create an energetic canvas that supports the deeper, bolder hues.

text

For optimal readability, use a very dark brown or black for body text on lighter backgrounds, or #C1440E for large, impactful headlines.

Accessibility notes

Ensure dark text (charcoal or black) is used on bright backgrounds like #FFD700 and #FFC72C for sufficient contrast.
Lighter text (e.g., near white) can be effectively used on the darkest colors like #E58C18 and #C1440E.
Avoid using #FFD700 text on #FFC72C backgrounds due to potential insufficient contrast for many users.
Always verify contrast ratios for all text and interactive elements, especially for accessibility compliance.

Recommended combinations

Bold Radiance

Ideal for strong branding, impactful visuals, or calls to action that need to convey energy and power.

#FFD700 · #FBB02D · #C1440E

Sunset Depth

Perfect for rich textures, data visualizations, or sections requiring a deep, sophisticated, and earthy feel.

#E58C18 · #C1440E · #FBB02D

Energetic Glow

Excellent for dynamic backgrounds, interactive elements, or areas that need to convey vibrant and continuous energy.

#FFC72C · #FFD700 · #E58C18

CSS variables

:root {
  --golden-hour-radiance-3-1: #FFD700;
  --golden-hour-radiance-3-2: #FFC72C;
  --golden-hour-radiance-3-3: #FBB02D;
  --golden-hour-radiance-3-4: #E58C18;
  --golden-hour-radiance-3-5: #C1440E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-hour-radiance-3": {
        1: "#FFD700",
        2: "#FFC72C",
        3: "#FBB02D",
        4: "#E58C18",
        5: "#C1440E",
      }
    }
  }
}

Hex values

Color 1#FFD700

Color 2#FFC72C

Color 3#FBB02D

Color 4#E58C18

Color 5#C1440E

Accessibility

Contrast checker

1.1:1Fail

1.3:1Fail

1.8:1Fail

3.7:1AA18

1.1:1Fail

1.2:1Fail

1.7:1Fail

3.3:1AA18

1.3:1Fail

1.2:1Fail

1.4:1Fail

2.8:1Fail

1.8:1Fail

1.7:1Fail

1.4:1Fail

2:1Fail

3.7:1AA18

3.3:1AA18

2.8:1Fail

2:1Fail

Similar palettes

More like Golden Hour Radiance