Back to palettes

Palette

Autumn Spiced Pumpkin

Cozy, autumnal hues of roasted pumpkin, cinnamon, and cream, perfect for a crisp fall evening.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A13C0B#D75A22#F8B12C#F4D596#7C3B00

Palette guide

How to use Autumn Spiced Pumpkin

Overview

The Autumn Spiced Pumpkin palette offers cozy, autumnal hues of roasted pumpkin, cinnamon, and cream, perfect for a crisp fall evening. It features a deep reddish-orange (#A13C0B) and a vibrant pumpkin orange (#D75A22), providing robust warmth. A cheerful golden yellow (#F8B12C) adds a sunny highlight, while a soft antique white (#F4D596) provides an expansive, airy base. A very dark brown (#7C3B00) offers essential grounding. This palette is exceptionally useful for designers and developers aiming to create projects with natural warmth, rustic charm, and an inviting, cozy aesthetic. From seasonal marketing and food-related branding to engaging digital interfaces and charming print materials, these hex codes provide a versatile range for visually appealing experiences.

Best used for

  • Seasonal marketing for fall events
  • Rustic brand identity for food products
  • Autumnal website and blog themes
  • Recipe blogs and cooking apps
  • Digital illustrations of pumpkins
  • Cozy home decor mockups

Suggested color roles

primary

Utilize #A13C0B as a grounding primary color for strong foundational elements or significant content sections, conveying rustic stability.

secondary

Employ #D75A22 for secondary headings or important content blocks, adding a warm and inviting pumpkin orange hue.

accent

Highlight interactive elements or key information with #F8B12C to ensure they pop with energetic, golden appeal.

background

A light, expansive background of #F4D596 creates a clean, warm canvas, allowing darker elements to stand out beautifully.

text

For optimal readability, use #7C3B00 or a dark charcoal for body text on lighter backgrounds, or a crisp white on deeper hues.

Accessibility notes

  • Ensure sufficient contrast between #7C3B00 text and #F4D596 background for WCAG AA compliance.
  • Avoid using #D75A22 or #F8B12C for small text on #F4D596 backgrounds due to potential readability issues.
  • Test color combinations for users with color vision deficiencies, especially with the orange-brown-yellow spectrum.
  • Provide clear visual cues beyond color for interactive states, particularly between #A13C0B and #D75A22.

Recommended combinations

Pumpkin Ground

Creates a deep, grounded base with a rustic accent and soft highlight, excellent for footers or natural headers.

#7C3B00 · #A13C0B · #F4D596

Spiced Glow

Ideal for energetic calls-to-action, festive banners, or graphic elements that evoke warm spices and pumpkins.

#D75A22 · #F8B12C · #A13C0B

Earthy Cream

Use for a light, inviting background with deep text and a warm supporting color, suitable for content cards or alerts.

#F4D596 · #7C3B00 · #D75A22

CSS variables

:root {
  --autumn-spiced-pumpkin-1: #A13C0B;
  --autumn-spiced-pumpkin-2: #D75A22;
  --autumn-spiced-pumpkin-3: #F8B12C;
  --autumn-spiced-pumpkin-4: #F4D596;
  --autumn-spiced-pumpkin-5: #7C3B00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-spiced-pumpkin": {
        1: "#A13C0B",
        2: "#D75A22",
        3: "#F8B12C",
        4: "#F4D596",
        5: "#7C3B00",
      }
    }
  }
}

Related searches

autumn spiced pumpkin palettecozy harvest schemewarm orange brown hexseasonal fall designnatural pumpkin colors

Palette colors

Hex values

Color 1#A13C0B
·
Color 2#D75A22
·
Color 3#F8B12C
·
Color 4#F4D596
·
Color 5#7C3B00
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3.6:1AA18
4.7:1AA
1.3:1Fail
2
1.7:1Fail
2.1:1Fail
2.8:1Fail
2.2:1Fail
3
3.6:1AA18
2.1:1Fail
1.3:1Fail
4.6:1AA
4
4.7:1AA
2.8:1Fail
1.3:1Fail
6:1AA
5
1.3:1Fail
2.2:1Fail
4.6:1AA
6:1AA

Similar palettes

More like Autumn Spiced Pumpkin

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