Back to palettes

Palette

Golden Hour Glow

Capturing the tranquil beauty of sunlight kissing the earth at dusk.

warmcalm5 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

#F2AE30#EDD99C#A67C4B#734F2D#3D291D

Palette guide

How to use Golden Hour Glow

Overview

This Golden Hour Glow palette evokes the tranquil beauty of sunlight kissing the earth at dusk, presenting a calm and sophisticated range of warm tones. Featuring the rich #F2AE30 and the muted #EDD99C, alongside the earthy #A67C4B and deep #734F2D, this collection culminates in the profound #3D291D. It's perfectly suited for designs that require a grounded, cozy, and luxurious feel. Developers can employ the darker shades for robust foundations, while designers can use the lighter golds to create inviting highlights, crafting experiences that are both elegant and comforting.

Best used for

  • Luxury home decor websites
  • High-end coffee shop branding
  • Autumnal event design
  • Photography portfolios
  • E-commerce for natural products
  • Editorial layouts with a rustic touch

Suggested color roles

primary

#F2AE30 (A vibrant, yet mature golden orange, excellent for main headings, key features, or branding elements that need to stand out with warmth.)

secondary

#A67C4B (A deep, earthy brown-gold providing grounding and sophistication, suitable for secondary titles, navigational elements, or detailed illustrations.)

accent

#EDD99C (A soft, muted gold that offers a gentle highlight, perfect for subtle interactive elements, background patterns, or decorative touches.)

background

#3D291D (A very dark, rich brown, almost black, serving as a luxurious and stable foundation, enhancing the glow of lighter colors.)

text

#EDD99C (A light, readable gold, ideal for body text or labels when placed on the very dark #3D291D background for an elegant contrast.)

Accessibility notes

  • Ensure #EDD99C text on #A67C4B or #734F2D meets WCAG AA contrast standards.
  • The darkest shade, #3D291D, offers excellent contrast for lighter text like #EDD99C.
  • Avoid using #A67C4B text on #734F2D backgrounds due to low contrast.
  • Consider a near-white for essential text on darker colors to maximize readability for all users.

Recommended combinations

Elegant Contrast

A dark background with light text and a vibrant accent for luxury appeal.

#3D291D · #EDD99C · #F2AE30

Earthy Depth

Layering deep browns with a soft gold for a natural, rich feel in content blocks.

#A67C4B · #734F2D · #EDD99C

Warm Highlight

A bright primary with two darker, grounding shades for headers or section titles.

#F2AE30 · #A67C4B · #734F2D

CSS variables

:root {
  --golden-hour-glow-6-1: #F2AE30;
  --golden-hour-glow-6-2: #EDD99C;
  --golden-hour-glow-6-3: #A67C4B;
  --golden-hour-glow-6-4: #734F2D;
  --golden-hour-glow-6-5: #3D291D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-hour-glow-6": {
        1: "#F2AE30",
        2: "#EDD99C",
        3: "#A67C4B",
        4: "#734F2D",
        5: "#3D291D",
      }
    }
  }
}

Related searches

calm golden color schemedusk inspired palettecozy warm brownsearthy gold designluxury natural colors

Palette colors

Hex values

Color 1#F2AE30
·
Color 2#EDD99C
·
Color 3#A67C4B
·
Color 4#734F2D
·
Color 5#3D291D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.9:1Fail
3.8:1AA18
7.1:1AAA
2
1.4:1Fail
2.7:1Fail
5.2:1AA
9.8:1AAA
3
1.9:1Fail
2.7:1Fail
1.9:1Fail
3.7:1AA18
4
3.8:1AA18
5.2:1AA
1.9:1Fail
1.9:1Fail
5
7.1:1AAA
9.8:1AAA
3.7:1AA18
1.9:1Fail

Similar palettes

More like Golden Hour Glow

View all warm
Afternoon Sun Kiss
Golden Bake House
Warm Summer Linen
Amber Hearth Glow
Autumn Hearth Comfort
Barista Brew Comfort