Palette

Autumn Harvest Gold

Rich, fiery hues of an autumn landscape, evoking warmth and the abundance of harvest.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Autumn Harvest Gold 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 Autumn Harvest Gold.

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

Data visualization

#8B0000#B22222#DAA520#FFD700#F0E68C

Palette guide

How to use Autumn Harvest Gold

Overview

The "Autumn Harvest Gold" palette captures the rich, fiery hues of an autumn landscape, evoking warmth and the abundance of harvest. It features the intense, deep red of #8B0000 and the vibrant red of #B22222. These are beautifully complemented by the radiant golden yellows of #DAA520 and #FFD700, culminating in the soft, luminous pale gold of #F0E68C. This collection is perfect for designs aiming to evoke natural warmth, festive charm, and a sense of comforting abundance. Designers and developers can utilize these harmonious hues for creating inviting interfaces, organic branding, or evocative seasonal content.

Best used for

Harvest festival branding and marketing
Autumnal themed weddings or events
Luxury artisanal food product packaging
Seasonal marketing campaigns and social media
User interfaces with a warm, opulent feel
Digital art and illustrations of fall landscapes

Suggested color roles

primary

#FFD700 - A bright, radiant pure gold that serves as an excellent focal point for branding, call-to-action buttons, or main headings.

secondary

#DAA520 - A rich, golden yellow that provides a luminous supporting role for subheadings, highlights, or secondary navigation.

accent

#B22222 - A vibrant, fiery red that adds a powerful pop, perfect for interactive elements, highlights, or small, impactful details.

background

#F0E68C - A soft, luminous pale gold that offers a gentle, inviting base, ensuring content clarity and a cozy feel.

text

#8B0000 - An intense, deep red that provides excellent contrast against lighter shades like #F0E68C, ensuring high readability for body text.

Accessibility notes

Ensure sufficient contrast for text, especially when using #DAA520 or #FFD700 on #F0E68C, which may be challenging for readability.
Use #8B0000 or a deep charcoal/black for body text on #F0E68C to meet WCAG AA standards.
Avoid using #B22222 for small text on #8B0000 due to potential readability issues.
Test interactive elements for clear visual feedback and sufficient contrast in all states.

Recommended combinations

Golden Glow

Creates a luminous, warm golden gradient, ideal for backgrounds, headers, or luxurious accents.

#F0E68C · #FFD700 · #DAA520

Fiery Harvest

Combines deep reds with a vibrant gold for striking contrast and a powerful, energetic feel.

#8B0000 · #B22222 · #FFD700

Rich Abundance

A strong blend of gold and reds, excellent for creating high-impact sections or visual accents.

#DAA520 · #B22222 · #8B0000

CSS variables

:root {
  --autumn-harvest-gold-1: #8B0000;
  --autumn-harvest-gold-2: #B22222;
  --autumn-harvest-gold-3: #DAA520;
  --autumn-harvest-gold-4: #FFD700;
  --autumn-harvest-gold-5: #F0E68C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-harvest-gold": {
        1: "#8B0000",
        2: "#B22222",
        3: "#DAA520",
        4: "#FFD700",
        5: "#F0E68C",
      }
    }
  }
}

Hex values

Color 1#8B0000

Color 2#B22222

Color 3#DAA520

Color 4#FFD700

Color 5#F0E68C

Accessibility

Contrast checker

1.5:1Fail

4.5:1AA18

7.1:1AAA

7.8:1AAA

1.5:1Fail

3:1Fail

4.8:1AA

5.2:1AA

4.5:1AA18

3:1Fail

1.6:1Fail

1.7:1Fail