Back to palettes

Palette

Golden Hour Harvest

Rich, glowing hues capture the serene, golden light of late afternoon sun over a bountiful harvest field.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B37A00#E69A00#FFBD33#FFE180#805600

Palette guide

How to use Golden Hour Harvest

Overview

The Golden Hour Harvest palette features rich, glowing hues that capture the serene, golden light of late afternoon sun over a bountiful harvest field, fostering a natural mood. This robust collection ranges from the deep #805600 to the bright #FFE180, including the vibrant #E69A00 and the luminous #FFBD33. Designers can leverage its earthy richness to evoke feelings of abundance and warmth. Developers will find the strong contrast between shades like #B37A00 and #FFE180 excellent for creating clear visual hierarchies and engaging interactive elements across various digital applications, from e-commerce to editorial content.

Best used for

  • Autumnal event promotions
  • Farm-to-table restaurants and cafes
  • Harvest festival branding
  • Natural and organic product packaging
  • Seasonal marketing campaigns
  • Agricultural technology websites

Suggested color roles

primary

#E69A00 (A rich, vibrant orange-gold that feels bountiful and energetic, ideal for main headings, calls to action, or prominent branding.)

secondary

#B37A00 (A deeper, more muted gold, providing a strong, earthy anchor, suitable for subheadings, important data, or navigational elements.)

accent

#FFBD33 (A bright, luminous yellow-gold, perfect for interactive elements, hover states, or small details that need to catch the eye.)

background

#FFE180 (A very light, creamy yellow-gold, offering a soft and inviting base that allows darker text and elements to stand out.)

text

#805600 (A deep, rich brown-gold, providing excellent readability against lighter backgrounds and conveying a sense of grounded reliability for body copy.)

Accessibility notes

  • Ensure #805600 text on #FFE180 background meets WCAG AA contrast standards.
  • Avoid using #FFBD33 text on #E69A00 due to insufficient contrast.
  • The darkest shade, #805600, offers strong contrast for lighter text or elements.
  • For critical information, use a near-black on #FFE180 to guarantee maximum readability.

Recommended combinations

Harvest Glow

A light background with a bright highlight and a rich primary for a welcoming section.

#FFE180 · #FFBD33 · #E69A00

Deep Earth

A dark base with a strong secondary and a light accent for depth and readability.

#805600 · #B37A00 · #FFE180

Vibrant CTA

A primary color with a bright accent for calls to action, grounded by a deep secondary.

#E69A00 · #FFBD33 · #805600

CSS variables

:root {
  --golden-hour-harvest-2-1: #B37A00;
  --golden-hour-harvest-2-2: #E69A00;
  --golden-hour-harvest-2-3: #FFBD33;
  --golden-hour-harvest-2-4: #FFE180;
  --golden-hour-harvest-2-5: #805600;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-hour-harvest-2": {
        1: "#B37A00",
        2: "#E69A00",
        3: "#FFBD33",
        4: "#FFE180",
        5: "#805600",
      }
    }
  }
}

Related searches

golden harvest colorsautumnal gold paletterich warm yellow designbountiful natural brandingsunset farm colors

Palette colors

Hex values

Color 1#B37A00
·
Color 2#E69A00
·
Color 3#FFBD33
·
Color 4#FFE180
·
Color 5#805600
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.2:1Fail
2.9:1Fail
1.8:1Fail
2
1.6:1Fail
1.4:1Fail
1.8:1Fail
2.8:1Fail
3
2.2:1Fail
1.4:1Fail
1.3:1Fail
3.9:1AA18
4
2.9:1Fail
1.8:1Fail
1.3:1Fail
5:1AA
5
1.8:1Fail
2.8:1Fail
3.9:1AA18
5:1AA

Similar palettes

More like Golden Hour Harvest

View all warm