Back to palettes

Palette

Golden Hour

Glowing and luminous hues that capture the magical, soft light just before sunset.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FDEBD0#F7DC6F#F2D179#EBB402#FFC300

Palette guide

How to use Golden Hour

Overview

The Golden Hour palette offers glowing and luminous hues that capture the magical, soft light just before sunset. This palette transitions seamlessly from the delicate, near-white #FDEBD0 to the vibrant, energetic #FFC300. Mid-tones like #F7DC6F, #F2D179, and #EBB402 provide a rich progression of golden yellows, ensuring a cohesive and radiant visual experience. Designers and developers will find this palette excellent for creating serene, uplifting, and airy designs. It's particularly well-suited for branding that emphasizes natural beauty, digital interfaces that require a gentle yet bright feel, or any project aiming for an ethereal, sun-kissed aesthetic.

Best used for

  • Natural beauty product branding
  • Photography websites and portfolios
  • Wellness and meditation apps
  • Home decor and interior design
  • Gentle lifestyle blogs
  • Bright and airy digital illustrations

Suggested color roles

primary

#FFC300 - A vibrant, cheerful gold, excellent for main calls to action, prominent headings, or elements that need to feel energetic and central.

secondary

#EBB402 - A rich, deep gold, suitable for supporting graphics, important information, or sections that require a more grounded, yet still luminous, presence.

accent

#F7DC6F - A soft, creamy yellow, perfect for subtle highlights, interactive states, or decorative elements that add a gentle glow.

background

#FDEBD0 - A very light, almost off-white cream, serving as an airy and clean background that allows the richer golds to truly shine.

text

#EBB402 - A deep gold, suitable for headings and prominent text. For body copy, a dark charcoal or black is recommended against #FDEBD0 to ensure optimal readability.

Accessibility notes

  • Ensure #EBB402 provides sufficient contrast on #FDEBD0 for text.
  • Avoid using #F7DC6F or #F2D179 for small text on white or very light backgrounds.
  • Always verify contrast ratios for all text and interactive elements to meet WCAG AA standards, especially with the lighter shades.

Recommended combinations

Sun-Kissed Glow

Creates a soft, luminous background or gentle gradient, perfect for airy interfaces or subtle branding.

#FDEBD0 · #F7DC6F · #F2D179

Golden Core

A vibrant and energetic combination, ideal for main calls to action, prominent branding, or highlighting key features.

#EBB402 · #FFC300 · #F2D179

Deep Radiance

Provides a smooth transition from soft to bold, suitable for data visualization, layered graphics, or impactful headers.

#F7DC6F · #EBB402 · #FFC300

CSS variables

:root {
  --golden-hour-3-1: #FDEBD0;
  --golden-hour-3-2: #F7DC6F;
  --golden-hour-3-3: #F2D179;
  --golden-hour-3-4: #EBB402;
  --golden-hour-3-5: #FFC300;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-hour-3": {
        1: "#FDEBD0",
        2: "#F7DC6F",
        3: "#F2D179",
        4: "#EBB402",
        5: "#FFC300",
      }
    }
  }
}

Related searches

soft golden hourbright yellow gold paletteethereal light colorsnatural glowing schemesun-kissed design

Palette colors

Hex values

Color 1#FDEBD0
·
Color 2#F7DC6F
·
Color 3#F2D179
·
Color 4#EBB402
·
Color 5#FFC300
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.3:1Fail
1.6:1Fail
1.4:1Fail
2
1.2:1Fail
1.1:1Fail
1.4:1Fail
1.2:1Fail
3
1.3:1Fail
1.1:1Fail
1.3:1Fail
1.1:1Fail
4
1.6:1Fail
1.4:1Fail
1.3:1Fail
1.2:1Fail
5
1.4:1Fail
1.2:1Fail
1.1:1Fail
1.2:1Fail

Similar palettes

More like Golden Hour

View all warm
Horizon Gold Wash
Amber Grain Harvest
Desert Bloom Oasis
Desert Cactus Bloom
Golden Afternoon Glow
Golden Grain Fields