Back to palettes

Palette

Golden Hour Meadow

Radiant golden hues capturing the beautiful, soft light of the sun just before it dips below the horizon.

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#DAA520#B8860B#FFEC8B#CDAD00

Palette guide

How to use Golden Hour Meadow

Overview

The Golden Hour Meadow palette captures the radiant, soft light of the sun just before it dips below the horizon, featuring classic golds like #FFD700, rich goldenrods such as #DAA520 and #B8860B, and the luminous #FFEC8B. This collection offers designers and developers a versatile range of warm, natural hues to evoke feelings of comfort, warmth, and natural beauty. The deep #CDAD00 adds a grounding element, ensuring balance. These hex codes are perfect for creating inviting digital interfaces, engaging marketing materials, or serene brand identities that resonate with a golden, sunlit charm.

Best used for

  • Summer event branding and promotions
  • Natural food and beverage packaging
  • Outdoor adventure website design
  • Editorial layouts with warm tones
  • Hospitality and resort branding
  • Cozy interior design concepts

Suggested color roles

primary

Use #FFD700 as a bright, classic gold for primary calls to action, logos, or main headings to attract attention.

secondary

Apply #DAA520 as a robust goldenrod for supporting information, subheadings, or background elements that need warmth.

accent

Integrate #B8860B as a deep, earthy gold for strong accents, important links, or to add a touch of rustic elegance.

background

Choose #FFEC8B as a soft, luminous background color for a gentle, airy base that allows other colors to shine.

text

For optimal readability, use a deep brown like #CDAD00 or charcoal for body text on the lighter backgrounds in this palette.

Accessibility notes

  • Ensure text on #FFEC8B has sufficient contrast; dark browns or black are recommended for readability.
  • Be cautious when using #FFD700 or #DAA520 for small text on light backgrounds; consider larger sizes or darker text.
  • The darkest colors, #B8860B and #CDAD00, offer excellent contrast for text on lighter hues like #FFEC8B.
  • Always test color combinations for WCAG compliance, especially for interactive elements.

Recommended combinations

Bright Meadow

Ideal for light, airy web sections, banner designs, or hero images that need to convey openness and warmth.

#FFD700 · #FFEC8B · #DAA520

Earthy Depth

Perfect for footers, rich graphical elements, or sections where a strong, grounded and sophisticated feel is desired.

#B8860B · #CDAD00 · #FFD700

Golden Contrast

Excellent for illustrations, data visualizations, or branding elements that require a balanced mix of light and dark gold.

#DAA520 · #FFEC8B · #B8860B

CSS variables

:root {
  --golden-hour-meadow-1: #FFD700;
  --golden-hour-meadow-2: #DAA520;
  --golden-hour-meadow-3: #B8860B;
  --golden-hour-meadow-4: #FFEC8B;
  --golden-hour-meadow-5: #CDAD00;
}

Tailwind config

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

Related searches

sunlit gold palettebright meadow colorswarm summer designnatural golden huessunset yellow scheme

Palette colors

Hex values

Color 1#FFD700
·
Color 2#DAA520
·
Color 3#B8860B
·
Color 4#FFEC8B
·
Color 5#CDAD00
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.3:1Fail
1.2:1Fail
1.6:1Fail
2
1.6:1Fail
1.5:1Fail
1.9:1Fail
1:1Fail
3
2.3:1Fail
1.5:1Fail
2.7:1Fail
1.5:1Fail
4
1.2:1Fail
1.9:1Fail
2.7:1Fail
1.8:1Fail
5
1.6:1Fail
1:1Fail
1.5:1Fail
1.8:1Fail

Similar palettes

More like Golden Hour Meadow

View all warm