Back to palettes

Palette

Pumpkin Spice Harvest

A comforting and inviting palette, reminiscent of cozy autumn days filled with pumpkin patches and warm spices.

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

#8B4513#D2691E#FF8C00#FFA07A#DEB887

Palette guide

How to use Pumpkin Spice Harvest

Overview

The "Pumpkin Spice Harvest" palette is a rich tapestry of classic autumn hues, designed to evoke warmth and coziness. It features a deep #8B4513 (saddle brown) as its anchor, transitioning to the vibrant #D2691E (chocolate) and a bold #FF8C00 (dark orange). Lighter tones like the inviting #FFA07A (light salmon) and the creamy #DEB887 (burly wood) complete this comforting collection. Developers and designers can utilize this palette to craft engaging experiences that feel natural, inviting, and deeply seasonal. It's particularly effective for projects requiring a traditional fall aesthetic, from digital interfaces to print collateral, ensuring a harmonious and appealing visual flow.

Best used for

  • Traditional fall event branding
  • Rustic wedding invitations or websites
  • Home and garden e-commerce stores
  • Thanksgiving menu designs
  • Educational content about nature or seasons
  • Cozy apparel brand identity

Suggested color roles

primary

A strong, classic orange #FF8C00, ideal for calls-to-action, main headlines, or branding elements that need to stand out.

secondary

This rich chocolate-orange #D2691E offers depth and warmth, perfect for subheadings, navigation, or important data visualization.

accent

A softer, inviting orange #FFA07A that works well for hover states, subtle highlights, or decorative flourishes.

background

Burly wood #DEB887 provides a gentle, neutral, and warm base, excellent for content areas or overall page backgrounds.

text

Saddle brown #8B4513 is a highly readable dark brown against lighter backgrounds, suitable for body text, links, and important labels, or a deep grey.

Accessibility notes

  • Ensure high contrast for text in #8B4513 against #DEB887 backgrounds.
  • Be cautious with #FFA07A text on #DEB887; it might lack sufficient contrast.
  • Verify all interactive elements meet WCAG contrast guidelines, especially buttons with text.
  • Consider using a pure black or dark charcoal for small text on very light colors like #DEB887 for maximum readability.

Recommended combinations

Autumn Glow

Creates a vibrant, classic autumn feel, great for main sections and branding.

#FF8C00 · #DEB887 · #8B4513

Spiced Earth

Provides warmth and depth, suitable for secondary content, borders, and decorative elements.

#D2691E · #FFA07A · #DEB887

Rustic Core

Offers a grounded and inviting look, perfect for footers, navigation, or a natural design foundation.

#8B4513 · #DEB887 · #FF8C00

CSS variables

:root {
  --pumpkin-spice-harvest-1: #8B4513;
  --pumpkin-spice-harvest-2: #D2691E;
  --pumpkin-spice-harvest-3: #FF8C00;
  --pumpkin-spice-harvest-4: #FFA07A;
  --pumpkin-spice-harvest-5: #DEB887;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pumpkin-spice-harvest": {
        1: "#8B4513",
        2: "#D2691E",
        3: "#FF8C00",
        4: "#FFA07A",
        5: "#DEB887",
      }
    }
  }
}

Related searches

fall color palette codeswarm autumn hex colorscozy harvest designorange brown color schemeseasonal branding guide

Palette colors

Hex values

Color 1#8B4513
·
Color 2#D2691E
·
Color 3#FF8C00
·
Color 4#FFA07A
·
Color 5#DEB887
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
3:1AA18
3.6:1AA18
3.8:1AA18
2
2:1Fail
1.6:1Fail
1.8:1Fail
2:1Fail
3
3:1AA18
1.6:1Fail
1.2:1Fail
1.3:1Fail
4
3.6:1AA18
1.8:1Fail
1.2:1Fail
1.1:1Fail
5
3.8:1AA18
2:1Fail
1.3:1Fail
1.1:1Fail

Similar palettes

More like Pumpkin Spice Harvest

View all warm
Autumn Spice Blend
Autumn Squash Glow
Cozy Spice Hearth
Gingerbread Hearth
Harvest Spice Market
Spiced Autumn Equinox