Back to palettes

Palette

Golden Hour Radiance

Captures the brilliant, soft glow of the sun just before setting, painting the world 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#FFA500#FF4500#F5DEB3#FFC72C

Palette guide

How to use Golden Hour Radiance

Overview

The Golden Hour Radiance palette captures the brilliant, soft glow of the sun just before setting, painting the world in gold. Featuring vibrant golds like #FFD700 and #FFC72C, energetic oranges #FFA500 and #FF4500, and the gentle #F5DEB3, this collection offers designers and developers a dynamic and uplifting range of warm hues. It’s perfect for projects demanding energy, warmth, and a festive feel. These hex codes provide a versatile foundation for creating engaging digital experiences, impactful marketing materials, or joyful brand identities that truly radiate.

Best used for

  • Energetic brand identities and logos
  • Festive event promotions and decor
  • Children's product packaging and websites
  • Vibrant digital marketing campaigns
  • Summer-themed advertising visuals
  • Dynamic web applications and interfaces

Suggested color roles

primary

Designate #FFD700 as a brilliant, classic gold for primary calls to action, logos, or main headings to attract attention.

secondary

Utilize #FFA500 as an energetic orange for supporting information, subheadings, or interactive elements, adding vibrancy.

accent

Incorporate #FF4500 as a bold orange-red accent for high-impact elements, urgent messages, or to create strong focal points.

background

Select #F5DEB3 as a soft, warm beige background to provide a gentle canvas that allows the brighter colors to pop.

text

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

Accessibility notes

  • Ensure dark text (charcoal or black) is used on very light backgrounds like #F5DEB3 for sufficient contrast.
  • Be cautious using #FFD700, #FFA500, or #FFC72C for small text on light backgrounds; aim for larger sizes or darker text.
  • The bold #FF4500 provides excellent contrast for text on #F5DEB3, meeting WCAG AA standards.
  • Always verify contrast ratios for all text and interactive elements, especially for accessibility compliance.

Recommended combinations

Radiant Energy

Ideal for bold branding, calls to action, or feature sections that demand attention and convey high energy.

#FFD700 · #FFA500 · #FF4500

Soft Glow

Perfect for website backgrounds, subtle highlights, or gradients, creating a gentle yet luminous user experience.

#F5DEB3 · #FFC72C · #FFD700

Sunset Burst

Excellent for dynamic visuals, event promotions, or sections that require a vibrant and impactful color combination.

#FFA500 · #FF4500 · #F5DEB3

CSS variables

:root {
  --golden-hour-radiance-2-1: #FFD700;
  --golden-hour-radiance-2-2: #FFA500;
  --golden-hour-radiance-2-3: #FF4500;
  --golden-hour-radiance-2-4: #F5DEB3;
  --golden-hour-radiance-2-5: #FFC72C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-hour-radiance-2": {
        1: "#FFD700",
        2: "#FFA500",
        3: "#FF4500",
        4: "#F5DEB3",
        5: "#FFC72C",
      }
    }
  }
}

Related searches

vibrant golden paletteenergetic sunset colorsbright orange goldradiant warm schemefestive design palette

Palette colors

Hex values

Color 1#FFD700
·
Color 2#FFA500
·
Color 3#FF4500
·
Color 4#F5DEB3
·
Color 5#FFC72C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.5:1Fail
1.1:1Fail
1.1:1Fail
2
1.4:1Fail
1.7:1Fail
1.5:1Fail
1.3:1Fail
3
2.5:1Fail
1.7:1Fail
2.6:1Fail
2.2:1Fail
4
1.1:1Fail
1.5:1Fail
2.6:1Fail
1.2:1Fail
5
1.1:1Fail
1.3:1Fail
2.2:1Fail
1.2:1Fail

Similar palettes

More like Golden Hour Radiance

View all warm
Radiant Sunset Embrace
Golden Hour Glow
Sun Kissed Nectar
Amber Nectar
Arid Twilight Glow
Coral Sunset Blaze