Back to palettes

Palette

Golden Hour Meadow

Radiant and soft, capturing the warm, flattering light of dusk across a sunlit field.

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

#FFD700#FFD700#FFA500#DAA520#F0E68C

Palette guide

How to use Golden Hour Meadow

Overview

The Golden Hour Meadow palette, featuring radiant golds like #FFD700, vibrant #FFA500, and soft #F0E68C, captures the flattering, warm light of dusk across a sunlit field. This collection offers designers and developers a harmonious blend of brightness and subtlety, perfect for creating inviting and uplifting digital or print experiences. The repetition of #FFD700 emphasizes its role as a core, radiant element, balanced by the gentle warmth of #DAA520. Use these hues to evoke feelings of natural beauty, comfort, and a serene, golden glow in your projects.

Best used for

  • Photography portfolio websites
  • Wedding and event stationery
  • Natural beauty product branding
  • Cozy lifestyle blogs and content
  • Summer outdoor advertising
  • Warm, inviting user interfaces

Suggested color roles

primary

Designate #FFD700 as the primary color for a vibrant, inviting touch on key elements like logos or main navigation.

secondary

Utilize #FFA500 as a dynamic secondary color for accents, interactive elements, or to add a burst of energetic warmth.

accent

Employ #DAA520 as a deeper, grounding accent for subheadings, borders, or to add visual weight and sophistication.

background

Select #F0E68C as a soft, airy background color to create a gentle, luminous canvas that enhances other palette colors.

text

For optimal readability, use a dark brown like #332211 or deep charcoal text on the lighter shades, or #DAA520 for larger headlines.

Accessibility notes

  • Ensure text on #F0E68C or #FFD700 has sufficient contrast; dark brown or black text is generally recommended.
  • Be mindful of contrast when using #FFA500 for text, particularly on light backgrounds; aim for larger font sizes if used.
  • Avoid placing #FFD700 text on #F0E68C background without checking contrast, as it might lack readability.
  • For interactive elements, ensure hover/active states maintain accessibility standards across all color pairings.

Recommended combinations

Sunlit Harmony

Excellent for vibrant branding, call-to-action buttons, or feature sections that demand attention and warmth.

#FFD700 · #FFA500 · #DAA520

Soft Radiance

Perfect for website backgrounds, subtle highlights, or gradients, creating a gentle and luminous user experience.

#F0E68C · #FFD700 · #FFA500

Meadow Depth

Ideal for illustrations, natural product packaging, or sections requiring a balance of earthy tones and brightness.

#DAA520 · #F0E68C · #FFD700

CSS variables

:root {
  --golden-hour-meadow-4-1: #FFD700;
  --golden-hour-meadow-4-2: #FFD700;
  --golden-hour-meadow-4-3: #FFA500;
  --golden-hour-meadow-4-4: #DAA520;
  --golden-hour-meadow-4-5: #F0E68C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-hour-meadow-4": {
        1: "#FFD700",
        2: "#FFD700",
        3: "#FFA500",
        4: "#DAA520",
        5: "#F0E68C",
      }
    }
  }
}

Related searches

radiant gold palettesoft sunset colorswarm meadow schemenatural light designgolden hour orange

Palette colors

Hex values

Color 1#FFD700
·
Color 2#FFD700
·
Color 3#FFA500
·
Color 4#DAA520
·
Color 5#F0E68C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1.4:1Fail
1.6:1Fail
1.1:1Fail
2
1:1Fail
1.4:1Fail
1.6:1Fail
1.1:1Fail
3
1.4:1Fail
1.4:1Fail
1.1:1Fail
1.5:1Fail
4
1.6:1Fail
1.6:1Fail
1.1:1Fail
1.7:1Fail
5
1.1:1Fail
1.1:1Fail
1.5:1Fail
1.7:1Fail

Similar palettes

More like Golden Hour Meadow

View all warm