Back to palettes

Palette

Golden Hour Fields

Captures the luminous, magical quality of sunlight bathing a field at dusk.

warmcalm5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B8860B#DAA520#FFD700#F0E68C#CDAA7D

Palette guide

How to use Golden Hour Fields

Overview

The "Golden Hour Fields" palette evokes the serene, luminous beauty of a landscape bathed in late afternoon sunlight. Featuring a harmonious blend of warm golds and earthy tones, this palette includes the radiant #FFD700 (Pure Gold), the rich #DAA520 (Goldenrod), a deeper #B8860B (Dark Goldenrod), the soft, hazy #F0E68C (Light Goldenrod Yellow), and the grounding #CDAA7D (Tan). Designers and developers seeking to infuse projects with natural warmth, gentle luxury, or a nostalgic glow will find this collection incredibly versatile. It's ideal for creating inviting, sophisticated, and calming visual experiences across various digital and print mediums.

Best used for

  • Branding for organic food or artisanal products
  • Photography portfolio websites or studios
  • Luxury event invitations or decor
  • Nature-themed digital illustrations or web design
  • Vintage or rustic-style graphic design
  • Warm and inviting interior design concepts

Suggested color roles

primary

#FFD700. Use this bright, pure gold as the dominant color for hero sections, key calls-to-action, or main graphical elements to capture immediate attention and convey radiance.

secondary

#DAA520. A versatile goldenrod that complements the primary, suitable for subheadings, secondary buttons, or larger content blocks, providing warmth without overpowering.

accent

#B8860B. Deploy this deeper, richer gold sparingly for elegant highlights, important icons, or subtle borders to add a touch of sophistication and depth.

background

#F0E68C. This soft, light yellow serves as an excellent, warm background color, perfect for main content areas or sections where a gentle, airy feel is desired.

text

For optimal readability, use a dark neutral color like #333333 (dark charcoal) or a deep, rich brown on lighter backgrounds. For larger headings, #B8860B can be effective on #F0E68C.

Accessibility notes

  • Ensure sufficient contrast for text, especially small body text, by pairing darker palette colors or a recommended charcoal with lighter backgrounds like #F0E68C.
  • Avoid placing light gold text (e.g., #FFD700) on similarly light backgrounds (e.g., #F0E68C) to prevent readability issues.
  • Utilize tools to check WCAG contrast ratios for all text and interactive elements, particularly when using #CDAA7D as a background.
  • For critical information, consider using larger font sizes or bolder weights when contrast is inherently lower within the palette's warmer tones.

Recommended combinations

Golden Radiance

Ideal for creating designs that exude luxury and vibrant warmth, perfect for highlights and calls-to-action.

#FFD700 · #DAA520 · #B8860B

Earthy Glow

Best for backgrounds and content blocks that require a soft, natural, and inviting atmosphere, like blog posts or product descriptions.

#CDAA7D · #F0E68C · #DAA520

Sunset Depth

Use this for a balanced design, where the deep gold grounds the light yellow, accented by the bright gold for emphasis, suitable for headers and footers.

#B8860B · #F0E68C · #FFD700

CSS variables

:root {
  --golden-hour-fields-1: #B8860B;
  --golden-hour-fields-2: #DAA520;
  --golden-hour-fields-3: #FFD700;
  --golden-hour-fields-4: #F0E68C;
  --golden-hour-fields-5: #CDAA7D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-hour-fields": {
        1: "#B8860B",
        2: "#DAA520",
        3: "#FFD700",
        4: "#F0E68C",
        5: "#CDAA7D",
      }
    }
  }
}

Related searches

golden hour color schemewarm gold palettenature inspired sunset colorsearthy yellow goldcalming warm palette

Palette colors

Hex values

Color 1#B8860B
·
Color 2#DAA520
·
Color 3#FFD700
·
Color 4#F0E68C
·
Color 5#CDAA7D
·

Accessibility

Contrast checker

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

Similar palettes

More like Golden Hour Fields

View all warm
Golden Horizon Warmth
Canyon Horizon Fade
Dusk Radiance Warmth
Ember Twilight Hues
Golden Hour Haze
Golden Hour Mist