Back to palettes

Palette

Golden Hour Field

Bathed in the warm, luminous glow of a late afternoon sun setting over an endless field.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFD700#FFA500#DAA520#B8860B#A0522D

Palette guide

How to use Golden Hour Field

Overview

The 'Golden Hour Field' palette evokes the stunning warmth of a late afternoon sun, perfect for projects aiming for a rich, inviting, and natural aesthetic. This warm collection features radiant gold like #FFD700 and vibrant orange #FFA500, complemented by deeper, earthy tones such as the olive-gold #DAA520 and the more subdued #B8860B. Anchoring the palette is the rich, reddish-brown #A0522D, providing grounding depth. Designers can leverage this spectrum to create a sense of nostalgia, comfort, or luxury. Developers will find these hex codes ideal for crafting user interfaces that feel organic and sophisticated, particularly in branding, digital art, or lifestyle applications where a natural, sun-kissed feel is desired. This palette offers versatility from bright highlights to deep foundational hues.

Best used for

  • Luxury branding and packaging
  • Nature-inspired digital interfaces and websites
  • Photography portfolio themes
  • Autumnal marketing campaigns and seasonal content
  • Home decor and interior design concepts
  • Food and beverage branding with a natural, gourmet feel

Suggested color roles

primary

Use #FFD700 for main headings, key calls-to-action, or elements requiring high visibility to convey luxury and warmth.

secondary

Employ #FFA500 for subheadings, secondary buttons, or larger background sections where a rich, inviting glow is desired.

accent

Apply #DAA520 for interactive elements, highlights, or small details that need to pop with a sophisticated, earthy gleam.

background

Utilize #B8860B as a stable, warm base for content areas, cards, or muted backgrounds, offering good contrast with lighter text.

text

The rich #A0522D is highly effective for body text on light backgrounds. For text on darker shades like #B8860B, consider near-white or very light cream for optimal readability.

Accessibility notes

  • Ensure sufficient contrast between text and background, especially when using lighter golds like #FFD700 or #FFA500 for text.
  • Always use a contrast checker (WCAG 2.1 AA or AAA) for all text-to-background combinations, particularly for #DAA520 on #B8860B.
  • For body text, prefer darker shades like #A0522D on very light or white backgrounds to maintain optimal readability.
  • Avoid placing light golden text directly on similar mid-tone golden backgrounds; always opt for starker contrast.

Recommended combinations

Sun-Kissed Glow

Excellent for headers and primary calls-to-action, with #A0522D offering strong, readable text against the brighter tones.

#FFD700 · #FFA500 · #A0522D

Earthen Depth

Ideal for content blocks, card backgrounds, or sections needing a more subdued, natural, and rich feel.

#DAA520 · #B8860B · #A0522D

Subtle Warmth

Use #B8860B as a background, #DAA520 for secondary elements, and #FFD700 for subtle, luxurious highlights.

#B8860B · #DAA520 · #FFD700

CSS variables

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

Tailwind config

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

Related searches

warm sunset color schemegolden hour design paletteearthy gold hex codesnatural warm color combinationsrustic golden brown colors

Palette colors

Hex values

Color 1#FFD700
·
Color 2#FFA500
·
Color 3#DAA520
·
Color 4#B8860B
·
Color 5#A0522D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.6:1Fail
2.3:1Fail
4:1AA18
2
1.4:1Fail
1.1:1Fail
1.6:1Fail
2.8:1Fail
3
1.6:1Fail
1.1:1Fail
1.5:1Fail
2.5:1Fail
4
2.3:1Fail
1.6:1Fail
1.5:1Fail
1.7:1Fail
5
4:1AA18
2.8:1Fail
2.5:1Fail
1.7:1Fail

Similar palettes

More like Golden Hour Field

View all warm
Canyon Trail Sunset
Desert Weaver Sands
Golden Hour Harvest
Golden Hour Horizon
Honeycomb Amber Glaze
Honeyed Amber