Back to palettes

Palette

Golden Hour Meadow

Luminous yellows and warm golds perfectly capture the soft, radiant glow of a meadow at golden hour.

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

#C78F00#FFAA00#FFC300#EEDC9D#FFF8E1

Palette guide

How to use Golden Hour Meadow

Overview

The Golden Hour Meadow palette, with its luminous yellows and warm golds like #FFC300 and #FFAA00, perfectly captures the soft, radiant glow of a meadow at golden hour. Supported by deeper #C78F00 and airy creams #EEDC9D and #FFF8E1, this palette offers designers and developers a sophisticated yet inviting range of hues. It’s excellent for projects requiring an elegant touch, evoking feelings of warmth, luxury, and natural light. Leverage these precise hex codes to craft designs that are both visually stunning and emotionally resonant, from digital interfaces to print materials.

Best used for

  • Luxury brand identities and websites
  • High-end event invitations and decor
  • Elegant web interfaces and dashboards
  • Artistic photography portfolios
  • Sophisticated packaging design
  • Wellness and spa branding

Suggested color roles

primary

Use #FFC300 as the main color for headings, primary buttons, or key graphical elements, providing a luminous focal point.

secondary

Employ #FFAA00 as a rich, warm secondary color for supporting content, subheadings, or decorative accents.

accent

Incorporate #C78F00 for strong accents, important links, or as a darker text color on lighter backgrounds for emphasis.

background

Utilize #FFF8E1 as an elegant, near-white background for clean layouts and to allow other colors to truly glow.

text

Opt for dark charcoal like #222222 or the deep #C78F00 for body text to ensure excellent readability on light backgrounds.

Accessibility notes

  • Ensure high contrast for text on #FFF8E1 and #EEDC9D; dark brown or black text is crucial for readability.
  • The bright #FFC300 and #FFAA00 should be used with sufficiently dark text for accessibility, especially for smaller fonts.
  • Use #C78F00 for text on very light backgrounds to ensure WCAG AA compliance.
  • Avoid using #EEDC9D text on #FFF8E1 backgrounds due to insufficient contrast for most users.

Recommended combinations

Luminous Elegance

Ideal for clean, luxurious layouts, brand logos, or website headers where sophistication and clarity are key.

#FFF8E1 · #FFC300 · #C78F00

Warm Glow

Perfect for feature sections, subtle gradients, or decorative elements that need a gentle yet vibrant warmth.

#FFAA00 · #FFC300 · #EEDC9D

Rich Depth

Excellent for accents, detailed illustrations, or footers, adding a grounded and rich counterpoint to the lighter shades.

#C78F00 · #EEDC9D · #FFAA00

CSS variables

:root {
  --golden-hour-meadow-5-1: #C78F00;
  --golden-hour-meadow-5-2: #FFAA00;
  --golden-hour-meadow-5-3: #FFC300;
  --golden-hour-meadow-5-4: #EEDC9D;
  --golden-hour-meadow-5-5: #FFF8E1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-hour-meadow-5": {
        1: "#C78F00",
        2: "#FFAA00",
        3: "#FFC300",
        4: "#EEDC9D",
        5: "#FFF8E1",
      }
    }
  }
}

Related searches

elegant gold palettesoft yellow sunsetluxury warm colorsluminous design schemesophisticated golden hour

Palette colors

Hex values

Color 1#C78F00
·
Color 2#FFAA00
·
Color 3#FFC300
·
Color 4#EEDC9D
·
Color 5#FFF8E1
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.8:1Fail
2.1:1Fail
2.7:1Fail
2
1.5:1Fail
1.2:1Fail
1.4:1Fail
1.8:1Fail
3
1.8:1Fail
1.2:1Fail
1.2:1Fail
1.5:1Fail
4
2.1:1Fail
1.4:1Fail
1.2:1Fail
1.3:1Fail
5
2.7:1Fail
1.8:1Fail
1.5:1Fail
1.3:1Fail

Similar palettes

More like Golden Hour Meadow

View all warm
Amber Sundown Glow
Golden Field Radiance
Golden Hour Fields
Golden Hour Glow
Golden Hour Horizon
Golden Hour Hues