Back to palettes

Palette

Golden Hour Field

Bathed in the soft, glowing light of dusk, perfect for a serene stroll through a summer 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

#A0522D#C6723D#E29E57#F2BF7F#FBE0A6

Palette guide

How to use Golden Hour Field

Overview

The "Golden Hour Field" palette captures the serene beauty of a summer field bathed in the soft, glowing light of dusk. This warm and inviting collection, featuring rich tones like #A0522D and #C6723D alongside brighter, airy hues such as #F2BF7F and #FBE0A6, evokes feelings of peace and natural warmth. Designers can leverage this palette to create engaging experiences that feel organic, comforting, and visually harmonious. Its spectrum from deep russet to creamy gold provides versatility for both bold statements and subtle accents, making it ideal for projects aiming for a natural, rustic, or cozy aesthetic. The gentle progression of colors ensures a soothing visual flow, perfect for storytelling and user engagement.

Best used for

  • Nature-themed websites and blogs
  • Organic food and beverage branding
  • Cozy home decor and lifestyle apps
  • Autumnal event invitations and marketing
  • Photography portfolios (especially landscape/portrait)
  • Wellness and mindfulness content platforms

Suggested color roles

primary

Use #A0522D as a grounding, rich primary color for headers, important calls-to-action, or brand elements to convey stability and warmth.

secondary

Employ #C6723D for supporting sections, subheadings, or secondary buttons. It offers a softer depth than the primary, maintaining warmth.

accent

Highlight key information or interactive elements with #E29E57 or #F2BF7F. These brighter shades draw attention without overwhelming the natural feel.

background

The lightest shade, #FBE0A6, is perfect for clean, inviting backgrounds that provide a soft canvas for other elements and maintain an airy feel.

text

For body text on light backgrounds, use #A0522D or a very dark brown/charcoal (like #333333) to ensure optimal readability. For text on darker backgrounds, #FBE0A6 provides excellent contrast.

Accessibility notes

  • Ensure sufficient contrast when using #F2BF7F or #FBE0A6 for text on light backgrounds; consider a darker text color like #A0522D.
  • When pairing #A0522D or #C6723D for text on #FBE0A6, contrast is generally good, but always verify with an accessibility checker.
  • Avoid using #E29E57 or #F2BF7F for small text elements on a #C6723D background due to potential low contrast.
  • For interactive elements, ensure distinct visual cues beyond color, especially if relying on similar mid-tones like #C6723D and #E29E57.

Recommended combinations

Earthy Foundation

Ideal for a primary brand identity, using the darkest for headlines, mid-tone for body, and lightest for backgrounds.

#A0522D · #C6723D · #FBE0A6

Soft Glow Accent

Excellent for highlighting sections or creating a gentle gradient effect, evoking the warmth of sunset.

#C6723D · #E29E57 · #F2BF7F

Deep & Light Contrast

Effective for strong visual hierarchy, where #A0522D provides depth against brighter, airy supporting colors.

#A0522D · #F2BF7F · #FBE0A6

CSS variables

:root {
  --golden-hour-field-3-1: #A0522D;
  --golden-hour-field-3-2: #C6723D;
  --golden-hour-field-3-3: #E29E57;
  --golden-hour-field-3-4: #F2BF7F;
  --golden-hour-field-3-5: #FBE0A6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-hour-field-3": {
        1: "#A0522D",
        2: "#C6723D",
        3: "#E29E57",
        4: "#F2BF7F",
        5: "#FBE0A6",
      }
    }
  }
}

Related searches

warm nature color schemessunset color paletteearthy golden colorsautumnal design inspirationpeaceful web colors

Palette colors

Hex values

Color 1#A0522D
·
Color 2#C6723D
·
Color 3#E29E57
·
Color 4#F2BF7F
·
Color 5#FBE0A6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.5:1Fail
3.4:1AA18
4.4:1AA18
2
1.6:1Fail
1.6:1Fail
2.1:1Fail
2.8:1Fail
3
2.5:1Fail
1.6:1Fail
1.4:1Fail
1.8:1Fail
4
3.4:1AA18
2.1:1Fail
1.4:1Fail
1.3:1Fail
5
4.4:1AA18
2.8:1Fail
1.8:1Fail
1.3:1Fail

Similar palettes

More like Golden Hour Field

View all warm
Golden Hour Glow
Golden Hour Prairie
Sunset Canyon Trail
Sunset Prairie Hues
Sunset Valley Radiance
Amber Sundown Glow