Back to palettes

Palette

Golden Hour

Radiant yellows and fiery oranges capture the magical, glowing light of the golden hour at sunset.

warmenergetic5 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

#FFD700#FFA500#FF8C00#FF6347#CD5C5C

Palette guide

How to use Golden Hour

Overview

The Golden Hour palette captures the magical, glowing light of a sunset with radiant yellows and fiery oranges. This classic and energetic collection features bright gold #FFD700, vibrant orange #FFA500, deep orange-red #FF8C00, lively coral #FF6347, and a rich, muted red #CD5C5C. Designers can utilize this scheme to evoke warmth, energy, and a timeless sense of natural beauty. It's a versatile palette for projects that require both vibrancy and a touch of traditional appeal, reminiscent of classic autumn scenes or celebratory moments under a golden sky. The progression of warm tones creates a harmonious and inviting visual experience.

Best used for

  • Classic branding for hospitality or leisure
  • Autumn and holiday-themed marketing materials
  • Traditional web design and user interfaces
  • Event invitations and decor with a warm aesthetic
  • Food and beverage packaging for natural products
  • Digital art and photography with a warm, glowing filter

Suggested color roles

primary

Use #FFD700 as a bright, inviting primary color for headings or key UI elements, conveying warmth and optimism.

secondary

Apply #FFA500 for secondary calls-to-action or to add an energetic, complementary layer of orange.

accent

Reserve #CD5C5C for rich accents, important notifications, or to add a touch of sophisticated depth and drama.

background

Utilize #FFD700 as a radiant, luminous background, allowing deeper tones to stand out vibrantly.

text

For optimal readability on #FFD700, use a dark charcoal or black. For contrast on darker shades, use white.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using lighter palette colors for text on #FFD700; black text is recommended.
  • The deep #CD5C5C provides strong contrast against #FFD700 for large text, meeting WCAG AA standards.
  • Differentiating between the similar warm tones (#FFA500, #FF8C00, #FF6347) can be challenging; use them with clear visual separation.
  • Avoid using #FF6347 for small text on light backgrounds without thorough contrast testing.

Recommended combinations

Classic Sunset

Creates a timeless, warm gradient, ideal for hero sections or prominent branding elements.

#FFD700 · #FFA500 · #CD5C5C

Warm Gradient

Provides a smooth, energetic transition of color, suitable for content blocks or background textures.

#FFA500 · #FF8C00 · #FF6347

Golden Ember

A balanced combination of bright and deep tones, perfect for highlighting key information or creative backgrounds.

#FFD700 · #FF6347 · #CD5C5C

CSS variables

:root {
  --golden-hour-1: #FFD700;
  --golden-hour-2: #FFA500;
  --golden-hour-3: #FF8C00;
  --golden-hour-4: #FF6347;
  --golden-hour-5: #CD5C5C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-hour": {
        1: "#FFD700",
        2: "#FFA500",
        3: "#FF8C00",
        4: "#FF6347",
        5: "#CD5C5C",
      }
    }
  }
}

Related searches

classic golden hourwarm sunset colorstraditional orange redautumn color schemeradiant gold palette

Palette colors

Hex values

Color 1#FFD700
·
Color 2#FFA500
·
Color 3#FF8C00
·
Color 4#FF6347
·
Color 5#CD5C5C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.7:1Fail
2.1:1Fail
2.8:1Fail
2
1.4:1Fail
1.2:1Fail
1.5:1Fail
2:1Fail
3
1.7:1Fail
1.2:1Fail
1.3:1Fail
1.7:1Fail
4
2.1:1Fail
1.5:1Fail
1.3:1Fail
1.3:1Fail
5
2.8:1Fail
2:1Fail
1.7:1Fail
1.3:1Fail

Similar palettes

More like Golden Hour

View all warm
Golden Hour Horizon
Terra Nova Sunset
Amber Harvest Glow
Amber Nectar
Crimson Sunset Mesa
Ember Sky