Back to palettes

Palette

Golden Hour Glow

Radiant yellows and oranges mirroring the soft, warm light of a sunset.

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

#F7D794#FFB96B#E8A857#C6893B#9B6C2F

Palette guide

How to use Golden Hour Glow

Overview

The Golden Hour Glow palette presents radiant yellows and oranges mirroring the soft, warm light of a sunset, imbued with an energetic mood. This collection transitions from the bright #F7D794 to the deeper #9B6C2F, featuring the inviting #FFB96B and the robust #E8A857. It's a versatile palette for designers seeking to infuse projects with warmth, optimism, and a natural glow. Developers will find the range effective for creating visually engaging interfaces, where the vibrant #C6893B can highlight key interactive elements and the lighter shades provide welcoming backdrops.

Best used for

  • Travel and tourism websites
  • Outdoor adventure branding
  • Food and beverage packaging
  • Summer event promotions
  • Children's educational apps
  • Blog designs focused on lifestyle

Suggested color roles

primary

#FFB96B (A warm, inviting orange-gold that is energetic and welcoming, perfect for main headings, calls to action, or brand highlights.)

secondary

#E8A857 (A richer, more grounded orange, providing depth and stability, suitable for subheadings, borders, or important data visualization.)

accent

#C6893B (A deeper, more intense golden brown, excellent for small, impactful details, hover states, or decorative elements that need strong contrast.)

background

#F7D794 (A soft, light yellow-gold that creates a gentle and airy base, ensuring good readability for darker text.)

text

#9B6C2F (A deep, rich brown-gold, offering excellent contrast against lighter backgrounds and conveying a sense of warmth and reliability for body copy.)

Accessibility notes

  • Ensure #9B6C2F text on #F7D794 meets WCAG AA contrast standards for body text.
  • Avoid placing light-colored text on #FFB96B or #E8A857 without thorough contrast checking.
  • Use #9B6C2F or a darker shade for essential text on mid-tone backgrounds.
  • Consider a very dark brown or charcoal for critical text on #F7D794 for maximum readability.

Recommended combinations

Sunset Gradient

For backgrounds or banners to simulate a smooth, warm sunset transition.

#F7D794 · #FFB96B · #E8A857

Feature Highlight

A bright feature with a strong accent and a deep, grounding element.

#FFB96B · #C6893B · #9B6C2F

Earthy Section

A rich section background with dark text and a light highlight for visual separation.

#E8A857 · #9B6C2F · #F7D794

CSS variables

:root {
  --golden-hour-glow-7-1: #F7D794;
  --golden-hour-glow-7-2: #FFB96B;
  --golden-hour-glow-7-3: #E8A857;
  --golden-hour-glow-7-4: #C6893B;
  --golden-hour-glow-7-5: #9B6C2F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-hour-glow-7": {
        1: "#F7D794",
        2: "#FFB96B",
        3: "#E8A857",
        4: "#C6893B",
        5: "#9B6C2F",
      }
    }
  }
}

Related searches

warm sunset color schemeenergetic yellow orange palettesunny gold designnatural warm brandingautumnal glow colors

Palette colors

Hex values

Color 1#F7D794
·
Color 2#FFB96B
·
Color 3#E8A857
·
Color 4#C6893B
·
Color 5#9B6C2F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
2.1:1Fail
3.3:1AA18
2
1.2:1Fail
1.2:1Fail
1.8:1Fail
2.7:1Fail
3
1.5:1Fail
1.2:1Fail
1.4:1Fail
2.2:1Fail
4
2.1:1Fail
1.8:1Fail
1.4:1Fail
1.5:1Fail
5
3.3:1AA18
2.7:1Fail
2.2:1Fail
1.5:1Fail

Similar palettes

More like Golden Hour Glow

View all warm
Golden Hour Honey
Golden Hour Radiance
Radiant Sunflower Field
Sunlit Meadow Bloom
Sunset Inferno Blaze
Wildflower Honey Glow