Back to palettes

Palette

Spiced Pumpkin Autumn

Rich, inviting tones of a harvest season, embodying the warm, comforting scent of spiced pumpkin.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6A3A1C#9E5528#D27936#FFA056#FFD0A0

Palette guide

How to use Spiced Pumpkin Autumn

Overview

The 'Spiced Pumpkin Autumn' palette captures the rich, inviting tones of the harvest season, embodying the warm, comforting scent of spiced pumpkin. Featuring a delightful gradient from deep brown #6A3A1C to vibrant orange #D27936 and a soft cream #FFD0A0, this palette exudes a natural, cozy, and inviting mood. It's an ideal choice for designers and developers seeking to evoke the essence of fall, 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 event promotions and marketing
  • Seasonal menus and food packaging
  • Cozy blog themes and lifestyle websites
  • Harvest festival branding and decor
  • Comfort food recipe blogs and cookbooks
  • Natural beauty product marketing for fall

Suggested color roles

primary

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

secondary

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

accent

Incorporate #FFA056 (Bright Orange) sparingly for calls-to-action, interactive elements, or focal points, providing lively highlights.

background

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

text

Employ #6A3A1C (Deep Brown) or a dark charcoal for primary text on lighter backgrounds like #FFD0A0, ensuring strong contrast; use white or very light cream for text on darker hues.

Accessibility notes

  • Ensure sufficient contrast for text in #6A3A1C or #9E5528 on #FFD0A0 background to meet WCAG standards.
  • Verify that interactive elements using #FFA056 or #D27936 have clear focus and hover states.
  • Avoid using #FFA056 or #D27936 for small text on #FFD0A0 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

Autumn Glow

Creating a warm, inviting backdrop with vibrant accents, perfect for seasonal designs and a cozy atmosphere.

#FFD0A0 · #D27936 · #6A3A1C

Pumpkin Spice

Highlighting key information or calls-to-action with the quintessential colors of autumn, evoking comfort and flavor.

#9E5528 · #FFA056 · #6A3A1C

Harvest Depth

Achieving a rich, layered effect for content blocks or visual storytelling, adding dimension to autumnal themes.

#D27936 · #9E5528 · #FFA056

CSS variables

:root {
  --spiced-pumpkin-autumn-1: #6A3A1C;
  --spiced-pumpkin-autumn-2: #9E5528;
  --spiced-pumpkin-autumn-3: #D27936;
  --spiced-pumpkin-autumn-4: #FFA056;
  --spiced-pumpkin-autumn-5: #FFD0A0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-pumpkin-autumn": {
        1: "#6A3A1C",
        2: "#9E5528",
        3: "#D27936",
        4: "#FFA056",
        5: "#FFD0A0",
      }
    }
  }
}

Related searches

pumpkin spice paletteautumn harvest colorscozy orange brown schemeseasonal food brandingnatural fall web design

Palette colors

Hex values

Color 1#6A3A1C
·
Color 2#9E5528
·
Color 3#D27936
·
Color 4#FFA056
·
Color 5#FFD0A0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.9:1Fail
4.7:1AA
6.6:1AA
2
1.7:1Fail
1.7:1Fail
2.8:1Fail
3.9:1AA18
3
2.9:1Fail
1.7:1Fail
1.6:1Fail
2.3:1Fail
4
4.7:1AA
2.8:1Fail
1.6:1Fail
1.4:1Fail
5
6.6:1AA
3.9:1AA18
2.3:1Fail
1.4:1Fail

Similar palettes

More like Spiced Pumpkin Autumn

View all warm
Spiced Pumpkin Patch
Autumn Cider Festival
Autumn Orchard Gold
Autumn Orchard Sunset
Autumn Pumpkin Patch
Autumn Pumpkin Patch