Back to palettes

Palette

Golden Hour Prairie

Warm goldens and soft yellows recreate the tranquil beauty of a prairie bathed in golden hour light.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B27C4E#D4A67B#EACDA4#FDF5DC#FCE0AF

Palette guide

How to use Golden Hour Prairie

Overview

The Golden Hour Prairie palette, with its warm goldens and soft yellows like #FDF5DC and #FCE0AF, alongside rich browns such as #B27C4E and #D4A67B, recreates the tranquil beauty of a prairie bathed in golden hour light. The subtle #EACDA4 adds a gentle, creamy touch. This collection offers designers and developers a versatile range of natural, comforting hues, perfect for projects requiring a calm, earthy, and inviting aesthetic. Use these hex codes to infuse your designs with the serene glow of a vast, sun-kissed landscape, from digital interfaces to print materials.

Best used for

  • Bohemian aesthetic brand identities
  • Natural skincare and beauty products
  • Artisanal craft websites and packaging
  • Warm interior design concepts
  • Travel blogs focusing on nature
  • Eco-friendly and sustainable brands

Suggested color roles

primary

Designate #D4A67B as a soft, inviting primary tan for headings or key elements, embodying natural warmth.

secondary

Utilize #FCE0AF as a light peach-gold secondary color for gentle highlights, subheadings, or decorative accents.

accent

Incorporate #B27C4E as a rich brown accent for strong calls to action, important links, or to add visual grounding.

background

Select #FDF5DC as an airy, almost white background to create a clean, luminous canvas that allows other colors to shine.

text

For optimal readability, use a deep brown like #B27C4E or charcoal for body text on the lighter backgrounds, especially #FDF5DC.

Accessibility notes

  • Ensure dark text (brown or black) is used on very light backgrounds like #FDF5DC, #EACDA4, and #FCE0AF for sufficient contrast.
  • Avoid using #EACDA4 or #FCE0AF for text on similar light backgrounds due to insufficient contrast.
  • The deepest color, #B27C4E, provides excellent contrast for text on any of the lighter hues, meeting WCAG AA standards.
  • Always verify contrast ratios for all text and interactive elements, particularly for small font sizes.

Recommended combinations

Prairie Breeze

Ideal for soft backgrounds, clean layouts, or sections that require an open, airy, and natural feel.

#FDF5DC · #EACDA4 · #D4A67B

Earthy Glow

Perfect for strong contrasts, feature sections, or calls to action that need to stand out with a natural, grounded warmth.

#B27C4E · #FCE0AF · #D4A67B

Natural Harmony

Excellent for illustrations, branding elements, or visual storytelling that requires a balanced blend of earthy tones.

#D4A67B · #EACDA4 · #B27C4E

CSS variables

:root {
  --golden-hour-prairie-2-1: #B27C4E;
  --golden-hour-prairie-2-2: #D4A67B;
  --golden-hour-prairie-2-3: #EACDA4;
  --golden-hour-prairie-2-4: #FDF5DC;
  --golden-hour-prairie-2-5: #FCE0AF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-hour-prairie-2": {
        1: "#B27C4E",
        2: "#D4A67B",
        3: "#EACDA4",
        4: "#FDF5DC",
        5: "#FCE0AF",
      }
    }
  }
}

Related searches

bohemian color palettenatural prairie hueswarm beige goldtranquil design schemeearthy light brown

Palette colors

Hex values

Color 1#B27C4E
·
Color 2#D4A67B
·
Color 3#EACDA4
·
Color 4#FDF5DC
·
Color 5#FCE0AF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.3:1Fail
3.3:1AA18
2.8:1Fail
2
1.6:1Fail
1.4:1Fail
2:1Fail
1.7:1Fail
3
2.3:1Fail
1.4:1Fail
1.4:1Fail
1.2:1Fail
4
3.3:1AA18
2:1Fail
1.4:1Fail
1.2:1Fail
5
2.8:1Fail
1.7:1Fail
1.2:1Fail
1.2:1Fail

Similar palettes

More like Golden Hour Prairie

View all warm
Golden Hour Glow
Prairie Wheat Sunset
Sunset Grassland Haze
Sunset Prairie Hues
Amber Sundown Glow
Golden Hour Field