Back to palettes

Palette

Golden Hour Glow

A radiant blend of soft golds and muted oranges, capturing the ephemeral beauty of the golden hour light.

warmnatural5 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

#F5C75A#FFD78F#E0AC3C#B28C2C#FFEFD5

Palette guide

How to use Golden Hour Glow

Overview

The Golden Hour Glow palette features a radiant blend of soft golds and muted oranges, capturing the ephemeral beauty of golden hour light with a natural mood. This harmonious collection includes the bright #F5C75A, the soft #FFD78F, and the deeply grounding #B28C2C. Designers can utilize the ethereal #FFEFD5 as a delicate background, allowing the more vibrant #E0AC3C to shine as an accent. This palette is perfect for creating sophisticated, warm, and inviting digital experiences, offering a balance of lightness and rich depth suitable for diverse applications from branding to web interfaces.

Best used for

  • Wedding stationery and event branding
  • Skincare and beauty product design
  • Photography websites
  • Lifestyle and wellness blogs
  • Interior design visualization
  • Natural food packaging

Suggested color roles

primary

#F5C75A (A bright, luminous gold that feels natural and welcoming, perfect for main headings, logos, or primary interactive elements.)

secondary

#E0AC3C (A rich, deep gold that provides a strong, sophisticated anchor, suitable for subheadings, important data, or borders.)

accent

#B28C2C (A darker, more muted gold-brown, excellent for subtle accents, hover states, or small details needing a touch of depth.)

background

#FFEFD5 (A very light, almost off-white cream that provides a soft, airy, and elegant base, ensuring excellent readability.)

text

#B28C2C (A deep, warm gold-brown that offers good contrast against lighter backgrounds like #FFEFD5, providing a natural and sophisticated text color.)

Accessibility notes

  • Ensure #B28C2C text on #FFEFD5 meets WCAG AA contrast standards.
  • Avoid using #FFD78F text on #F5C75A due to insufficient contrast.
  • The lightest color, #FFEFD5, serves as an excellent background for any darker palette color.
  • For critical information, consider using a dark charcoal or black on #FFEFD5 for maximum contrast.

Recommended combinations

Soft Elegance

A light background with a bright primary and a rich secondary for a sophisticated look.

#FFEFD5 · #F5C75A · #E0AC3C

Grounded Highlight

A rich base with a deep accent and a soft highlight for content blocks.

#E0AC3C · #B28C2C · #FFD78F

Radiant Text

Light background with deep text and a vibrant gold call-to-action.

#FFEFD5 · #B28C2C · #F5C75A

CSS variables

:root {
  --golden-hour-glow-8-1: #F5C75A;
  --golden-hour-glow-8-2: #FFD78F;
  --golden-hour-glow-8-3: #E0AC3C;
  --golden-hour-glow-8-4: #B28C2C;
  --golden-hour-glow-8-5: #FFEFD5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-hour-glow-8": {
        1: "#F5C75A",
        2: "#FFD78F",
        3: "#E0AC3C",
        4: "#B28C2C",
        5: "#FFEFD5",
      }
    }
  }
}

Related searches

soft gold color palettenatural golden hour designmuted yellow brandingelegant warm cream colorsradiant wedding palette

Palette colors

Hex values

Color 1#F5C75A
·
Color 2#FFD78F
·
Color 3#E0AC3C
·
Color 4#B28C2C
·
Color 5#FFEFD5
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.3:1Fail
2:1Fail
1.4:1Fail
2
1.2:1Fail
1.5:1Fail
2.3:1Fail
1.2:1Fail
3
1.3:1Fail
1.5:1Fail
1.5:1Fail
1.8:1Fail
4
2:1Fail
2.3:1Fail
1.5:1Fail
2.8:1Fail
5
1.4:1Fail
1.2:1Fail
1.8:1Fail
2.8:1Fail

Similar palettes

More like Golden Hour Glow

View all warm
Sunset Horizon Glow
Sunstone Canyon Glow
Amber Grain Harvest
Amber Vineyard Dusk
Desert Cactus Bloom
Golden Afternoon Glow