Back to palettes

Palette

Golden Hour Glow

Captures the magical, warm radiance of the sun setting, casting a golden light on everything.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FBB034#FDC966#FCE8C3#DD9E2F#EBA432

Palette guide

How to use Golden Hour Glow

Overview

The Golden Hour Glow palette captures the magical, warm radiance of the sun setting, offering a vibrant and energetic feel. This collection of five golden hues, including the bright #FBB034, the softer #FDC966, and the deep #DD9E2F, is ideal for projects aiming to evoke happiness and warmth. Designers can leverage the sunny #EBA432 for calls to action, while #FCE8C3 provides a light, airy background. Its dynamic range allows for versatile applications, from striking branding to inviting digital interfaces, making it a powerful choice for conveying warmth and optimism.

Best used for

  • Branding for luxury products or services
  • Website headers and hero sections
  • Event invitations and marketing materials
  • Social media graphics with a warm aesthetic
  • Restaurant menus and decor
  • Children's book illustrations

Suggested color roles

primary

#FBB034 (A vibrant, energetic gold perfect for main calls to action, prominent headings, or brand logos that demand attention.)

secondary

#DD9E2F (A richer, deeper gold providing excellent contrast and stability, suitable for subheadings, important data, or borders.)

accent

#EBA432 (A bright, inviting gold ideal for interactive elements like buttons, hover states, or small decorative details that need to pop.)

background

#FCE8C3 (A very light, creamy gold that serves as a soft, warm base, ensuring readability and a gentle overall feel.)

text

black (For strong contrast against lighter backgrounds like #FCE8C3, ensuring maximum readability for body text and labels.)

Accessibility notes

  • Ensure sufficient contrast when using #DD9E2F text on #FCE8C3 backgrounds.
  • Avoid placing light text on #FDC966 or #FBB034 without checking WCAG AA standards.
  • Use a darker color like #DD9E2F for essential text on lighter golds to improve legibility.
  • Consider a near-black for body copy on #FCE8C3 to meet contrast ratios for diverse audiences.

Recommended combinations

Radiant CTA

For bold call-to-action buttons with a rich border and a light background.

#FBB034 · #DD9E2F · #FCE8C3

Warm Header

Combining a bright accent with a softer header and a strong primary element.

#EBA432 · #FDC966 · #FBB034

Gentle Highlight

A soft base with a mid-tone highlight and a slightly stronger accent for subtle visual interest.

#FCE8C3 · #FDC966 · #EBA432

CSS variables

:root {
  --golden-hour-glow-5-1: #FBB034;
  --golden-hour-glow-5-2: #FDC966;
  --golden-hour-glow-5-3: #FCE8C3;
  --golden-hour-glow-5-4: #DD9E2F;
  --golden-hour-glow-5-5: #EBA432;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-hour-glow-5": {
        1: "#FBB034",
        2: "#FDC966",
        3: "#FCE8C3",
        4: "#DD9E2F",
        5: "#EBA432",
      }
    }
  }
}

Related searches

bright gold color schemeenergetic sunset colorshappy radiant palettewarm yellow brandinggolden hour design inspiration

Palette colors

Hex values

Color 1#FBB034
·
Color 2#FDC966
·
Color 3#FCE8C3
·
Color 4#DD9E2F
·
Color 5#EBA432
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
1.3:1Fail
1.1:1Fail
2
1.2:1Fail
1.3:1Fail
1.5:1Fail
1.4:1Fail
3
1.5:1Fail
1.3:1Fail
1.9:1Fail
1.8:1Fail
4
1.3:1Fail
1.5:1Fail
1.9:1Fail
1.1:1Fail
5
1.1:1Fail
1.4:1Fail
1.8:1Fail
1.1:1Fail

Similar palettes

More like Golden Hour Glow

View all warm
Amber Nectar
Golden Hour Bloom
Golden Hour Honey
Golden Hour Radiance
Fiery Sunstone Gleam
Golden Hour