Back to palettes

Palette

Spiced Pumpkin Harvest

Captures the essence of autumn with rich pumpkin hues and warm, comforting spice tones.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#BA5A00#E0821A#F5B041#FAD7A0#8A4000

Palette guide

How to use Spiced Pumpkin Harvest

Overview

The 'Spiced Pumpkin Harvest' palette captures the essence of autumn with rich pumpkin hues and warm, comforting spice tones. Featuring a vibrant spectrum from deep brown-orange #8A4000 to lively orange #BA5A00 and a soft cream #FAD7A0, with golden accents like #F5B041, this palette exudes a natural, cozy, and inviting mood. It's an excellent choice for designers and developers seeking to evoke the abundance of the harvest season, warmth, and wholesome goodness. The harmonious blend of pumpkin-inspired hues creates a visually appealing and emotionally resonant experience for various autumn-themed projects.

Best used for

  • Autumn marketing campaigns and promotions
  • Seasonal product packaging and branding
  • Harvest festival branding and decor
  • Cozy blog themes and lifestyle websites
  • Rustic wedding invitations and event design
  • Farm-to-table restaurant branding

Suggested color roles

primary

Use #BA5A00 (Deep Pumpkin Orange) as the main brand color for headers, key sections, and a vibrant, inviting presence.

secondary

Apply #E0821A (Vibrant Orange) for supporting elements, subheadings, or illustrations, adding energetic warmth.

accent

Incorporate #F5B041 (Golden Orange) sparingly for calls-to-action, interactive elements, or focal points, providing bright highlights.

background

Utilize #FAD7A0 (Light Cream) as a soft, warm, and airy background for content areas, ensuring excellent readability and a gentle feel.

text

Employ #8A4000 (Deep Brown-Orange) or a dark charcoal for primary text on lighter backgrounds like #FAD7A0, ensuring strong contrast; use white or very light cream for text on darker hues.

Accessibility notes

  • Ensure sufficient contrast for text in #8A4000 or #BA5A00 on #FAD7A0 background to meet WCAG standards.
  • Verify that interactive elements using #E0821A or #F5B041 have clear focus and hover states.
  • Avoid using #F5B041 for small text on #FAD7A0 as the contrast may be insufficient.
  • Consider increasing text size or boldness if using lighter orange shades for important information on a light background.

Recommended combinations

Harvest Glow

Establishing a warm, inviting base with strong, grounding accents for headings and key information, evoking autumn's bounty.

#FAD7A0 · #BA5A00 · #8A4000

Pumpkin Pop

Drawing attention to calls-to-action or important elements with vibrant, autumnal hues, creating an energetic visual draw.

#E0821A · #F5B041 · #BA5A00

Spiced Depth

Creating visual depth and separation with a blend of rich browns and lighter, energetic oranges, ideal for layered designs.

#8A4000 · #FAD7A0 · #E0821A

CSS variables

:root {
  --spiced-pumpkin-harvest-1: #BA5A00;
  --spiced-pumpkin-harvest-2: #E0821A;
  --spiced-pumpkin-harvest-3: #F5B041;
  --spiced-pumpkin-harvest-4: #FAD7A0;
  --spiced-pumpkin-harvest-5: #8A4000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-pumpkin-harvest": {
        1: "#BA5A00",
        2: "#E0821A",
        3: "#F5B041",
        4: "#FAD7A0",
        5: "#8A4000",
      }
    }
  }
}

Related searches

pumpkin harvest colorsautumn spice palettecozy orange brown schemeseasonal festival brandingnatural fall web design

Palette colors

Hex values

Color 1#BA5A00
·
Color 2#E0821A
·
Color 3#F5B041
·
Color 4#FAD7A0
·
Color 5#8A4000
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.5:1Fail
3.4:1AA18
1.6:1Fail
2
1.6:1Fail
1.5:1Fail
2.1:1Fail
2.6:1Fail
3
2.5:1Fail
1.5:1Fail
1.4:1Fail
4:1AA18
4
3.4:1AA18
2.1:1Fail
1.4:1Fail
5.4:1AA
5
1.6:1Fail
2.6:1Fail
4:1AA18
5.4:1AA

Similar palettes

More like Spiced Pumpkin Harvest

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