Back to palettes

Palette

Golden Hour Meadow

Warm golds and rich browns capturing the magical light of a sunset meadow.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FAD02E#FFD700#DAA520#B8860B#8B4513

Palette guide

How to use Golden Hour Meadow

Overview

The Golden Hour Meadow palette, featuring warm golds like #FAD02E and #FFD700 alongside rich browns such as #DAA520, #B8860B, and #8B4513, evokes the serene beauty of a sunset-bathed landscape. This collection of natural, earthy tones is ideal for designers and developers seeking to infuse warmth and organic sophistication into their projects. The interplay between bright gold and deep sienna creates a dynamic yet harmonious visual experience, perfect for conveying comfort and natural elegance. Use these hex codes to build inviting and visually rich digital or print designs.

Best used for

  • Nature-inspired brand identities
  • Rustic event invitations and decor
  • Autumnal marketing campaigns
  • Cozy home decor e-commerce sites
  • Luxury artisanal product packaging
  • Editorial design with earthy themes

Suggested color roles

primary

Use #FFD700 as a radiant, inviting primary gold for main headings or key call-to-action buttons, drawing immediate attention.

secondary

Apply #DAA520 as a supportive, deeper goldenrod for subheadings, navigation elements, or as a background for content blocks.

accent

Incorporate #8B4513 as a rich, grounding accent for important details, icons, or to create strong visual anchors.

background

Utilize #FAD02E as a soft, luminous base for website backgrounds or large graphic areas, providing a gentle glow.

text

Pair a deep charcoal like #333333 or the rich #8B4513 for body text on lighter backgrounds to ensure optimal readability.

Accessibility notes

  • Ensure sufficient contrast when using lighter golds like #FAD02E for text, favoring dark brown or black text.
  • Use #8B4513 or #B8860B for text on #FAD02E or #FFD700 backgrounds to meet WCAG contrast standards.
  • Avoid placing light gold text directly on other light gold backgrounds; always introduce a darker hue for readability.
  • Test color combinations with accessibility checkers, especially for smaller font sizes and interactive elements.

Recommended combinations

Golden Earth

Ideal for bold headers, calls to action, or prominent brand elements that need to stand out with natural warmth.

#FFD700 · #8B4513 · #DAA520

Meadow Glow

Excellent for web backgrounds, subtle highlights, or large illustrative areas, creating a soft, luminous aesthetic.

#FAD02E · #FFD700 · #B8860B

Rustic Depth

Perfect for grounding elements, footers, or illustrations that require a rich, earthy, and sophisticated feel.

#DAA520 · #B8860B · #8B4513

CSS variables

:root {
  --golden-hour-meadow-3-1: #FAD02E;
  --golden-hour-meadow-3-2: #FFD700;
  --golden-hour-meadow-3-3: #DAA520;
  --golden-hour-meadow-3-4: #B8860B;
  --golden-hour-meadow-3-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-hour-meadow-3": {
        1: "#FAD02E",
        2: "#FFD700",
        3: "#DAA520",
        4: "#B8860B",
        5: "#8B4513",
      }
    }
  }
}

Related searches

golden hour color schemewarm nature palettesunset meadow colorsrustic gold brownearthy design palette

Palette colors

Hex values

Color 1#FAD02E
·
Color 2#FFD700
·
Color 3#DAA520
·
Color 4#B8860B
·
Color 5#8B4513
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.5:1Fail
2.2:1Fail
4.8:1AA
2
1.1:1Fail
1.6:1Fail
2.3:1Fail
5.1:1AA
3
1.5:1Fail
1.6:1Fail
1.5:1Fail
3.2:1AA18
4
2.2:1Fail
2.3:1Fail
1.5:1Fail
2.2:1Fail
5
4.8:1AA
5.1:1AA
3.2:1AA18
2.2:1Fail

Similar palettes

More like Golden Hour Meadow

View all warm