Back to palettes

Palette

Golden Hour Pasture

Golden light illuminating vast fields, capturing the serene and rich hues of a tranquil sunset.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B8860B#DAA520#F0E68C#FFEBCD#CDAA71

Palette guide

How to use Golden Hour Pasture

Overview

The Golden Hour Pasture palette, featuring deep goldenrod #B8860B, classic #DAA520, light khaki #F0E68C, and airy #FFEBCD, captures the serene and rich hues of a tranquil sunset illuminating vast fields. Complemented by the soft tan of #CDAA71, this collection offers designers and developers a grounded yet luminous range of warm tones. It's ideal for projects aiming to evoke a rustic, natural, and comforting aesthetic. Use these hex codes to create designs that feel authentic, inviting, and reminiscent of a peaceful, sun-drenched landscape, from web layouts to brand collateral.

Best used for

  • Rustic brand identities and logos
  • Farm-to-table restaurant branding
  • Nature photography website themes
  • Vintage-inspired design projects
  • Sustainable product packaging
  • Country living blog aesthetics

Suggested color roles

primary

Designate #DAA520 as a warm, inviting primary color for main headings or key brand elements, embodying classic goldenrod.

secondary

Utilize #CDAA71 as a soft, earthy tan for supporting content, background sections, or subtle decorative elements.

accent

Incorporate #B8860B as a deep, grounding accent for strong calls to action, important details, or to add visual weight.

background

Select #FFEBCD as a light, airy cream background to provide a clean, soft canvas that enhances the warmer tones.

text

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

Accessibility notes

  • Ensure dark text (brown or black) is used on very light backgrounds like #FFEBCD and #F0E68C for sufficient contrast.
  • Be cautious when using #DAA520 or #CDAA71 for small text on light backgrounds; aim for larger sizes or darker text.
  • The darkest color, #B8860B, provides excellent contrast for text on #FFEBCD, meeting WCAG AA standards.
  • Always verify contrast ratios for all text and interactive elements, particularly for small font sizes.

Recommended combinations

Pasture Light

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

#FFEBCD · #F0E68C · #DAA520

Earthy Depth

Perfect for rustic accents, navigation bars, or footers, adding a grounded and sophisticated touch.

#B8860B · #CDAA71 · #DAA520

Golden Field

Excellent for illustrations, branding elements, or visual storytelling that requires a harmonious blend of natural hues.

#DAA520 · #F0E68C · #CDAA71

CSS variables

:root {
  --golden-hour-pasture-1: #B8860B;
  --golden-hour-pasture-2: #DAA520;
  --golden-hour-pasture-3: #F0E68C;
  --golden-hour-pasture-4: #FFEBCD;
  --golden-hour-pasture-5: #CDAA71;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-hour-pasture": {
        1: "#B8860B",
        2: "#DAA520",
        3: "#F0E68C",
        4: "#FFEBCD",
        5: "#CDAA71",
      }
    }
  }
}

Related searches

rustic golden palettenatural pasture colorsserene sunset schemeearthy tan goldvintage warm palette

Palette colors

Hex values

Color 1#B8860B
·
Color 2#DAA520
·
Color 3#F0E68C
·
Color 4#FFEBCD
·
Color 5#CDAA71
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.5:1Fail
2.8:1Fail
1.5:1Fail
2
1.5:1Fail
1.7:1Fail
1.9:1Fail
1:1Fail
3
2.5:1Fail
1.7:1Fail
1.1:1Fail
1.7:1Fail
4
2.8:1Fail
1.9:1Fail
1.1:1Fail
1.9:1Fail
5
1.5:1Fail
1:1Fail
1.7:1Fail
1.9:1Fail

Similar palettes

More like Golden Hour Pasture

View all warm