Palette

Golden Hour Glow

A luminous palette of radiant golds and soft oranges, capturing the gentle, magical light of the setting sun.

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

#FFD700#DAA520#B8860B#CD853F#A0522D

Palette guide

How to use Golden Hour Glow

Overview

The Golden Hour Glow palette evokes the serene beauty of sunset, offering a rich spectrum of warm, earthy tones. This collection features radiant golds like #FFD700 and #DAA520, transitioning into deeper, comforting oranges and browns such as #CD853F (Peru) and #A0522D (Sienna). Designers can leverage this palette to create inviting, sophisticated, and natural aesthetics. It's ideal for projects requiring a touch of warmth and elegance, from branding to web interfaces. The harmonious blend ensures visual comfort and a luxurious feel, making it perfect for conveying warmth, luxury, and organic beauty. Developers will find these hex codes versatile for creating cohesive visual experiences across platforms.

Best used for

Luxury brand identity and packaging
Nature-inspired web design and blogs
Autumnal event invitations and decor
E-commerce sites for handcrafted goods
Photography portfolios and art galleries
Cozy interior design concepts

Suggested color roles

primary

Use #FFD700 (Gold) for main branding elements or prominent calls to action where a vibrant, luxurious feel is desired. It demands attention without being overly aggressive.

secondary

#DAA520 (Goldenrod) works well for supporting elements, subheadings, or larger background sections. It maintains the golden warmth but with a slightly subdued presence.

accent

#A0522D (Sienna) or #B8860B (Dark Goldenrod) can provide a rich, earthy contrast for buttons, icons, or important notifications. They add depth and sophistication.

background

Consider #CD853F (Peru) for soft, warm backgrounds in sections needing a comforting touch, or a very light off-white to let the other colors shine.

text

For optimal readability, use a dark charcoal or near-black text color (e.g., #333333) against lighter palette colors. For darker backgrounds, #FFD700 or #DAA520 can serve as legible headline text.

Accessibility notes

Ensure sufficient contrast between #A0522D (Sienna) or #B8860B (Dark Goldenrod) and light text (e.g., white or #FFD700) for body copy.
Avoid using #FFD700 (Gold) directly on #DAA520 (Goldenrod) for small text, as contrast might be insufficient for WCAG AA.
When pairing #CD853F (Peru) with text, aim for dark text (like #333333) or very light text (like white) to meet contrast standards.
Always test color combinations with accessibility checkers, especially for interactive elements and crucial information.

Recommended combinations

Radiant Earth

A balanced trio for luxurious branding or hero sections, with gold as highlight, sienna for depth, and goldenrod for secondary details.

#FFD700 · #A0522D · #DAA520

Warm Depth

Excellent for backgrounds and text overlays in a monochromatic scheme, creating a rich, inviting, and sophisticated feel.

#B8860B · #CD853F · #A0522D

Golden Glow Accent

Use #DAA520 as a primary field, #B8860B for sub-elements, and #FFD700 for small, powerful accents or interactive states.

#DAA520 · #B8860B · #FFD700

CSS variables

:root {
  --golden-hour-glow-4-1: #FFD700;
  --golden-hour-glow-4-2: #DAA520;
  --golden-hour-glow-4-3: #B8860B;
  --golden-hour-glow-4-4: #CD853F;
  --golden-hour-glow-4-5: #A0522D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-hour-glow-4": {
        1: "#FFD700",
        2: "#DAA520",
        3: "#B8860B",
        4: "#CD853F",
        5: "#A0522D",
      }
    }
  }
}

Hex values

Color 1#FFD700

Color 2#DAA520

Color 3#B8860B

Color 4#CD853F

Color 5#A0522D

Accessibility

Contrast checker

1.6:1Fail

2.3:1Fail

2.1:1Fail

4:1AA18

1.6:1Fail

1.5:1Fail

1.3:1Fail

2.5:1Fail

2.3:1Fail

1.5:1Fail

1.1:1Fail

1.7:1Fail

2.1:1Fail

1.3:1Fail

1.1:1Fail

1.9:1Fail

4:1AA18

2.5:1Fail

1.7:1Fail

1.9:1Fail

Similar palettes

More like Golden Hour Glow

View all warm

Sunbeam Golden Embrace