Back to palettes

Palette

Pumpkin Spice Harvest

Invokes the comforting warmth and rich colors of an autumn pumpkin patch, ready for harvest.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Pumpkin Spice 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 Pumpkin Spice Harvest.

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

Data visualization

#8A4F1D#BA6F2F#DFA14F#FDC97D#FFE6A8

Palette guide

How to use Pumpkin Spice Harvest

Overview

The "Pumpkin Spice Harvest" palette evokes the comforting warmth of autumn with its rich, inviting tones. Anchored by a deep, earthy #8A4F1D, it transitions through a warm #BA6F2F and a golden #DFA14F. Lighter, creamy shades like #FDC97D and the softest #FFE6A8 complete the collection, reminiscent of spiced lattes and sun-drenched harvest fields. This palette is perfect for designers aiming to create cozy, natural, and friendly user experiences. It offers a sophisticated yet accessible range of colors for branding, web interfaces, and marketing materials that celebrate the fall season, ensuring a consistent and warm aesthetic across all platforms.

Best used for

  • Coffee shop branding and menus
  • Autumn-themed e-commerce websites (e.g., candles, blankets)
  • Food and recipe blogs
  • Cozy mobile app interfaces
  • Seasonal social media campaigns
  • Interior design visualization with warm elements

Suggested color roles

primary

A rich, inviting brown-orange #BA6F2F, excellent for main calls-to-action or hero section headings to draw users in.

secondary

This golden-orange #DFA14F provides a warm contrast, ideal for subheadings, secondary buttons, or navigational elements.

accent

A soft, creamy orange #FDC97D, perfect for highlighting subtle details, interactive elements on hover, or decorative accents.

background

A very light, warm cream #FFE6A8, serving as an inviting and soft base for content, allowing other colors to pop.

text

The deepest brown #8A4F1D, offering strong readability against lighter colors, suitable for body text and important labels, or a near-black.

Accessibility notes

  • Ensure good contrast between #8A4F1D text and #FFE6A8 background for readability.
  • Avoid using #FDC97D text on #FFE6A8 background due to insufficient contrast.
  • Check all text and foreground elements for WCAG AA compliance, especially with the lighter shades.
  • Use a tool to verify contrast ratios for interactive elements like buttons and links.

Recommended combinations

Spiced Latte

Excellent for primary branding, providing depth and a warm, inviting feel.

#8A4F1D · #FFE6A8 · #BA6F2F

Golden Harvest

Creates a vibrant yet cozy feel, suitable for feature sections or promotional banners.

#DFA14F · #FDC97D · #8A4F1D

Creamy Comfort

Perfect for soft backgrounds, supporting text, and subtle design accents.

#FFE6A8 · #BA6F2F · #DFA14F

CSS variables

:root {
  --pumpkin-spice-harvest-2-1: #8A4F1D;
  --pumpkin-spice-harvest-2-2: #BA6F2F;
  --pumpkin-spice-harvest-2-3: #DFA14F;
  --pumpkin-spice-harvest-2-4: #FDC97D;
  --pumpkin-spice-harvest-2-5: #FFE6A8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pumpkin-spice-harvest-2": {
        1: "#8A4F1D",
        2: "#BA6F2F",
        3: "#DFA14F",
        4: "#FDC97D",
        5: "#FFE6A8",
      }
    }
  }
}

Related searches

pumpkin spice color codescozy autumn palettefall branding colorswarm orange brown hexharvest season design

Palette colors

Hex values

Color 1#8A4F1D
·
Color 2#BA6F2F
·
Color 3#DFA14F
·
Color 4#FDC97D
·
Color 5#FFE6A8
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.9:1Fail
4.3:1AA18
5.3:1AA
2
1.7:1Fail
1.7:1Fail
2.6:1Fail
3.2:1AA18
3
2.9:1Fail
1.7:1Fail
1.5:1Fail
1.8:1Fail
4
4.3:1AA18
2.6:1Fail
1.5:1Fail
1.2:1Fail
5
5.3:1AA
3.2:1AA18
1.8:1Fail
1.2:1Fail

Similar palettes

More like Pumpkin Spice Harvest

View all warm
Autumn Spiced Pumpkin
Spiced Pumpkin Harvest
Spiced Pumpkin Patch
Spiced Pumpkin Patch
Spiced Pumpkin Patch
Autumn Gourd Blend