Back to palettes

Palette

Golden Hour Grain

The magical, soft light of the golden hour illuminating a tranquil field of ripening grain.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F0B27A#FFD700#E0CC99#C7A67B#F8EAD0

Palette guide

How to use Golden Hour Grain

Overview

The Golden Hour Grain palette captures the magical, soft light of the golden hour illuminating a tranquil field of ripening grain, creating a natural and calming mood. This collection features the warm #F0B27A, the vibrant #FFD700, and the subtle #E0CC99, anchored by the earthy #C7A67B and the delicate #F8EAD0. It's ideal for designers seeking to evoke a sense of organic beauty and serenity. Developers can utilize the lighter tones for expansive, airy backgrounds, while the richer #FFD700 can highlight key content, ensuring visual interest and a harmonious user experience across various platforms.

Best used for

  • Organic food and farm-to-table branding
  • Nature and landscape photography
  • Rustic home decor websites
  • Eco-friendly product packaging
  • Artisan craft promotions
  • Agricultural industry websites

Suggested color roles

primary

#F0B27A (A soft, warm peach-gold that feels inviting and natural, perfect for main headings, illustrations, or key branding elements.)

secondary

#C7A67B (An earthy, muted brown-gold, providing a grounding and stable presence, suitable for subheadings, borders, or important information.)

accent

#FFD700 (A pure, brilliant gold that offers a striking, luminous accent, ideal for calls to action, interactive elements, or small details needing to pop.)

background

#F8EAD0 (A very light, creamy off-white, serving as an airy and soft base that allows other colors to shine and ensures excellent readability.)

text

#C7A67B (A deep, earthy brown-gold, offering good contrast against lighter backgrounds and contributing to the palette's natural, serene feel for body text.)

Accessibility notes

  • Ensure #C7A67B text on #F8EAD0 background meets WCAG AA contrast standards.
  • Avoid using #E0CC99 text on #F0B27A due to insufficient contrast.
  • The brightest gold, #FFD700, should be used carefully for text on mid-tone backgrounds.
  • For critical information, use a dark charcoal or black on #F8EAD0 to maximize readability.

Recommended combinations

Field Horizon

A soft, layered background effect suggesting depth and natural light.

#F8EAD0 · #E0CC99 · #C7A67B

Golden Highlight

A warm primary with a brilliant accent and a grounding secondary for impactful sections.

#F0B27A · #FFD700 · #C7A67B

Rustic Text

Light background with earthy text and a warm highlight for a natural, readable look.

#F8EAD0 · #C7A67B · #F0B27A

CSS variables

:root {
  --golden-hour-grain-1: #F0B27A;
  --golden-hour-grain-2: #FFD700;
  --golden-hour-grain-3: #E0CC99;
  --golden-hour-grain-4: #C7A67B;
  --golden-hour-grain-5: #F8EAD0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-hour-grain": {
        1: "#F0B27A",
        2: "#FFD700",
        3: "#E0CC99",
        4: "#C7A67B",
        5: "#F8EAD0",
      }
    }
  }
}

Related searches

golden hour field colorsnatural grain palettesoft earthy goldtranquil warm designrustic yellow branding

Palette colors

Hex values

Color 1#F0B27A
·
Color 2#FFD700
·
Color 3#E0CC99
·
Color 4#C7A67B
·
Color 5#F8EAD0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.2:1Fail
1.2:1Fail
1.6:1Fail
2
1.3:1Fail
1.1:1Fail
1.6:1Fail
1.2:1Fail
3
1.2:1Fail
1.1:1Fail
1.4:1Fail
1.3:1Fail
4
1.2:1Fail
1.6:1Fail
1.4:1Fail
1.9:1Fail
5
1.6:1Fail
1.2:1Fail
1.3:1Fail
1.9:1Fail

Similar palettes

More like Golden Hour Grain

View all warm