Back to palettes

Palette

Golden Hour Harvest

A glowing palette inspired by the warm, golden light of the sun setting over a bountiful autumn harvest.

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

#F0A500#F7C04A#EDD7A1#D38E2C#A76B1C

Palette guide

How to use Golden Hour Harvest

Overview

The Golden Hour Harvest palette is a glowing collection inspired by the warm, golden light of the sun setting over a bountiful autumn harvest, establishing a natural and rich mood. It transitions from the vibrant #F0A500 to the deep #A76B1C, featuring the inviting #F7C04A and the robust #D38E2C. This palette is ideal for designers seeking to convey abundance, warmth, and natural elegance. Developers can effectively use the lighter shades for inviting backgrounds and the deeper tones for strong typographic elements or calls to action, ensuring a harmonious balance between softness and clarity.

Best used for

  • Autumn seasonal marketing
  • Gourmet food and wine branding
  • Craft brewery or distillery design
  • Rustic wedding themes
  • Interior design with warm tones
  • Gardening and landscaping services

Suggested color roles

primary

#F0A500 (A vibrant, rich orange-gold that radiates warmth and energy, perfect for main headings, calls to action, or prominent branding.)

secondary

#D38E2C (A deeper, more grounded golden brown, providing stability and sophistication, suitable for subheadings, important data, or navigation.)

accent

#F7C04A (A brighter, softer gold that offers a gentle highlight, ideal for interactive elements, hover states, or subtle decorative touches.)

background

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

text

#A76B1C (A deep, rich brown, offering excellent readability against lighter backgrounds and contributing to the palette's natural, earthy feel for body copy.)

Accessibility notes

  • Ensure #A76B1C text on #EDD7A1 background meets WCAG AA contrast standards.
  • Avoid using #F7C04A text on #F0A500 due to low contrast.
  • The darkest shade, #A76B1C, provides strong contrast for lighter text or elements.
  • For critical information, use a near-black on #EDD7A1 to guarantee maximum readability.

Recommended combinations

Autumnal Glow

A light background with a soft highlight and a vibrant primary for a welcoming section.

#EDD7A1 · #F7C04A · #F0A500

Rich Earth

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

#A76B1C · #D38E2C · #EDD7A1

Warm CTA

A vibrant primary for calls to action, grounded by deep text and a soft highlight.

#F0A500 · #A76B1C · #F7C04A

CSS variables

:root {
  --golden-hour-harvest-1: #F0A500;
  --golden-hour-harvest-2: #F7C04A;
  --golden-hour-harvest-3: #EDD7A1;
  --golden-hour-harvest-4: #D38E2C;
  --golden-hour-harvest-5: #A76B1C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-hour-harvest": {
        1: "#F0A500",
        2: "#F7C04A",
        3: "#EDD7A1",
        4: "#D38E2C",
        5: "#A76B1C",
      }
    }
  }
}

Related searches

rich golden harvest paletteautumn sunset colorswarm earthy gold brandingnatural rich designbountiful yellow orange

Palette colors

Hex values

Color 1#F0A500
·
Color 2#F7C04A
·
Color 3#EDD7A1
·
Color 4#D38E2C
·
Color 5#A76B1C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
1.3:1Fail
2.1:1Fail
2
1.2:1Fail
1.2:1Fail
1.6:1Fail
2.6:1Fail
3
1.5:1Fail
1.2:1Fail
1.9:1Fail
3.1:1AA18
4
1.3:1Fail
1.6:1Fail
1.9:1Fail
1.6:1Fail
5
2.1:1Fail
2.6:1Fail
3.1:1AA18
1.6:1Fail

Similar palettes

More like Golden Hour Harvest

View all warm