Back to palettes

Palette

Golden Hour

Capturing the soft, radiant glow of the sun just before sunset, casting everything in a warm, ethereal light.

WarmCalm5 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

#B8860B#FFD700#FFA500#F4A460#FFC0CB

Palette guide

How to use Golden Hour

Overview

The Golden Hour palette beautifully captures the soft, radiant glow of the sun just before sunset, casting everything in a warm, ethereal light. It features the classic brilliance of #FFD700 and the inviting warmth of #FFA500, balanced by the deeper #B8860B. The soft #F4A460 adds a gentle, peachy note, while the surprising inclusion of #FFC0CB, a light pink, introduces a romantic, dreamy quality. This palette is invaluable for designers and developers seeking to create calm, inviting, and slightly whimsical aesthetics. It’s perfect for lifestyle brands, wedding themes, or digital interfaces that aim for a gentle, luminous user experience.

Best used for

  • Wedding stationery and decor
  • Lifestyle blogs and photography
  • Romantic fashion branding
  • Soft beauty product packaging
  • Children's storybook illustrations
  • Spa and relaxation apps

Suggested color roles

primary

#FFD700 - A bright, iconic gold, excellent for drawing attention to main elements, hero content, or branding that needs to feel luminous and cheerful.

secondary

#FFA500 - A vibrant orange-gold, suitable for supporting calls to action, important headings, or sections that require a burst of warm energy.

accent

#FFC0CB - A delicate light pink, perfect for subtle highlights, decorative elements, or adding a touch of romance and softness to the design.

background

#F4A460 - A soft, peachy orange-gold, ideal for creating warm, inviting backgrounds that allow content to breathe and remain legible.

text

#B8860B - A deep, muted gold, suitable for headings and prominent text. For body copy, a very dark charcoal or black is recommended against lighter shades for optimal contrast and readability.

Accessibility notes

  • Ensure #B8860B provides sufficient contrast on #F4A460 or #FFD700 for text.
  • Avoid using #FFC0CB or #F4A460 for small text on white backgrounds due to low contrast.
  • Always verify contrast ratios for all text and interactive elements to meet WCAG AA standards.

Recommended combinations

Radiant Glow

Creates a harmonious, sun-kissed effect, ideal for vibrant hero sections, marketing materials, or cheerful digital interfaces.

#FFD700 · #FFA500 · #F4A460

Dreamy Contrast

Use the deep gold for strong grounding, accented by the soft pink and bright gold for a romantic and luminous contrast.

#B8860B · #FFC0CB · #FFD700

Warm & Muted

A balanced blend for backgrounds, subtle graphics, or sections that need to feel cozy and inviting without being overly bright.

#F4A460 · #B8860B · #FFA500

CSS variables

:root {
  --golden-hour-2-1: #B8860B;
  --golden-hour-2-2: #FFD700;
  --golden-hour-2-3: #FFA500;
  --golden-hour-2-4: #F4A460;
  --golden-hour-2-5: #FFC0CB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-hour-2": {
        1: "#B8860B",
        2: "#FFD700",
        3: "#FFA500",
        4: "#F4A460",
        5: "#FFC0CB",
      }
    }
  }
}

Related searches

golden hour colorssunset glow palettewarm ethereal huesromantic gold schemesoft peach pink gold

Palette colors

Hex values

Color 1#B8860B
·
Color 2#FFD700
·
Color 3#FFA500
·
Color 4#F4A460
·
Color 5#FFC0CB
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.3:1Fail
1.6:1Fail
1.6:1Fail
2.1:1Fail
2
2.3:1Fail
1.4:1Fail
1.4:1Fail
1.1:1Fail
3
1.6:1Fail
1.4:1Fail
1:1Fail
1.3:1Fail
4
1.6:1Fail
1.4:1Fail
1:1Fail
1.3:1Fail
5
2.1:1Fail
1.1:1Fail
1.3:1Fail
1.3:1Fail

Similar palettes

More like Golden Hour

View all Warm