Palette

Autumn Harvest Bounty

Rich reds and oranges celebrate the abundant, warm colors of 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 Autumn Harvest Bounty 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 Bounty.

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

Data visualization

#5A1807#9E2A0A#CD460E#F18A2B#F7BD73

Palette guide

How to use Autumn Harvest Bounty

Overview

The "Autumn Harvest Bounty" palette celebrates the abundant, warm colors of a bountiful autumn harvest, featuring rich reds and oranges. It transitions from the intense, almost black-red of #5A1807 through the deep red-orange of #9E2A0A and the vibrant orange of #CD460E. The palette then brightens to the lively, golden orange of #F18A2B and culminates in the soft, luminous cream of #F7BD73. This collection is perfect for designs aiming to evoke natural warmth, rustic charm, and a sense of comforting abundance. Designers and developers can utilize these harmonious hues for creating engaging interfaces, robust branding, or evocative seasonal content.

Best used for

Farm-to-table restaurant websites and menus
Autumnal event promotions and flyers
Seasonal food and beverage product packaging
Cozy lifestyle blogs and e-commerce
User interfaces with a warm, inviting feel
Digital art and illustrations of harvest scenes

Suggested color roles

primary

#CD460E - A vibrant, warm orange that serves as an excellent focal point for branding, call-to-action buttons, or main headings.

secondary

#9E2A0A - A deep, rich red-orange that provides strong support for subheadings, navigation elements, or content dividers.

accent

#F18A2B - A lively, golden orange that adds a luminous pop, perfect for interactive elements, highlights, or small, impactful details.

background

#F7BD73 - A very light, warm cream that offers a clean, inviting base, ensuring content clarity and a cozy feel.

text

#5A1807 - A very deep, dark brown-red that provides excellent contrast against lighter shades like #F7BD73, ensuring high readability for body text.

Accessibility notes

Ensure sufficient contrast for text, especially when using #F18A2B on #F7BD73, which may require larger text sizes or bolding.
Use #5A1807 or a deep charcoal/black for body text on #F7BD73 to meet WCAG AA standards.
Avoid using #CD460E or #9E2A0A for small text on backgrounds of similar warmth without careful contrast checking.
Test interactive elements for clear visual feedback and sufficient contrast in all states.

Recommended combinations

Harvest Glow

Creates a soft to vibrant warm gradient, ideal for backgrounds, headers, or atmospheric sections.

#F7BD73 · #F18A2B · #CD460E

Deep Bounty

Combines the deepest brown-red with a vibrant mid-tone and a light cream for striking contrast and an earthy, energetic feel.

#5A1807 · #9E2A0A · #F7BD73

Vibrant Harvest

A harmonious blend of oranges and red-orange, great for dynamic visual elements or highlighting key information.

#CD460E · #F18A2B · #9E2A0A

CSS variables

:root {
  --autumn-harvest-bounty-1: #5A1807;
  --autumn-harvest-bounty-2: #9E2A0A;
  --autumn-harvest-bounty-3: #CD460E;
  --autumn-harvest-bounty-4: #F18A2B;
  --autumn-harvest-bounty-5: #F7BD73;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-harvest-bounty": {
        1: "#5A1807",
        2: "#9E2A0A",
        3: "#CD460E",
        4: "#F18A2B",
        5: "#F7BD73",
      }
    }
  }
}

Hex values

Color 1#5A1807

Color 2#9E2A0A

Color 3#CD460E

Color 4#F18A2B

Color 5#F7BD73

Accessibility

Contrast checker

1.8:1Fail

2.9:1Fail

5.4:1AA

8:1AAA

1.8:1Fail

1.6:1Fail

3:1AA18

4.5:1AA18

2.9:1Fail

1.6:1Fail

1.9:1Fail

2.8:1Fail

5.4:1AA

3:1AA18

1.9:1Fail

1.5:1Fail

8:1AAA

4.5:1AA18

2.8:1Fail

1.5:1Fail

Similar palettes

More like Autumn Harvest Bounty

View all warm

Autumn Ember Glow

Autumn Orchard Harvest

Autumn Pumpkin Patch

Autumn Cider Festival

Autumn Cider Spill

Autumn Equinox Rich