Back to palettes

Palette

Harvest Golden Hour

A luminous collection of ambers and golds, capturing the richness of a harvest sunset.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B87333#D4A66B#E9C98A#F5E0A0#A16229

Palette guide

How to use Harvest Golden Hour

Overview

The Harvest Golden Hour palette perfectly captures the luminous richness of a harvest sunset with its warm, inviting ambers and golds. This collection features a deep 'Copper' (#B87333), a mellow 'Sandy Brown' (#D4A66B), a soft 'Pale Goldenrod' (#E9C98A), a delicate 'Creamy Yellow' (#F5E0A0), and a robust 'Burnt Orange' (#A16229). Ideal for designs that aim for elegance, warmth, and a touch of natural opulence, these shades are versatile. Designers can use them to evoke coziness and sophistication, while developers will find them excellent for creating interfaces that feel both grounded and radiant, reflecting the beauty of the golden hour.

Best used for

  • Luxury autumn fashion or home goods branding
  • Photography websites specializing in landscapes
  • Cozy cafe or restaurant interior design concepts
  • Event invitations for fall weddings or gatherings
  • Digital art and illustration with warm lighting
  • Lifestyle blogs focusing on comfort and nature

Suggested color roles

primary

Use '#B87333' (Copper) for main headings or significant design elements, conveying warmth and depth.

secondary

Apply '#D4A66B' (Sandy Brown) for subheadings, secondary buttons, or large content blocks, providing a soft contrast.

accent

Leverage '#E9C98A' (Pale Goldenrod) or '#F5E0A0' (Creamy Yellow) for highlights, small icons, or interactive states, adding a luminous touch.

background

Employ '#F5E0A0' (Creamy Yellow) for a light, airy background, or '#E9C98A' for a slightly richer base.

text

For lighter backgrounds, use '#A16229' (Burnt Orange) or a dark brown for optimal legibility. For darker elements, a near-white is effective.

Accessibility notes

  • Ensure sufficient contrast between '#F5E0A0' background and any text placed upon it, aiming for WCAG AA.
  • Test text using '#A16229' against lighter palette colors to confirm readability.
  • Be cautious with '#E9C98A' as a text color; it may lack contrast on many backgrounds.
  • Provide clear visual cues for interactive elements, considering the warm, subtle nature of these colors.

Recommended combinations

Sunset Radiance

Creates a warm, inviting gradient effect ideal for hero sections or landing pages.

#B87333 · #D4A66B · #F5E0A0

Earthy Glow

Suitable for robust branding, providing depth with a touch of luminosity.

#A16229 · #E9C98A · #D4A66B

Soft Amber

Excellent for backgrounds, subtle accents, and primary content in a gentle, warm design.

#F5E0A0 · #E9C98A · #B87333

CSS variables

:root {
  --harvest-golden-hour-1: #B87333;
  --harvest-golden-hour-2: #D4A66B;
  --harvest-golden-hour-3: #E9C98A;
  --harvest-golden-hour-4: #F5E0A0;
  --harvest-golden-hour-5: #A16229;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "harvest-golden-hour": {
        1: "#B87333",
        2: "#D4A66B",
        3: "#E9C98A",
        4: "#F5E0A0",
        5: "#A16229",
      }
    }
  }
}

Related searches

golden hour color schemewarm autumn palettesunset gold colorsamber and cream palettenatural elegant color scheme

Palette colors

Hex values

Color 1#B87333
·
Color 2#D4A66B
·
Color 3#E9C98A
·
Color 4#F5E0A0
·
Color 5#A16229
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.4:1Fail
2.9:1Fail
1.3:1Fail
2
1.7:1Fail
1.4:1Fail
1.7:1Fail
2.2:1Fail
3
2.4:1Fail
1.4:1Fail
1.2:1Fail
3.1:1AA18
4
2.9:1Fail
1.7:1Fail
1.2:1Fail
3.7:1AA18
5
1.3:1Fail
2.2:1Fail
3.1:1AA18
3.7:1AA18

Similar palettes

More like Harvest Golden Hour

View all warm
Golden Harvest Fields
Golden Harvest Fields
Amber Wheat Harvest
Autumn Gourd Blend
Autumn Harvest Berry
Autumn Hearthside Glow