Palette

Autumn Pumpkin Spice

Warm, earthy tones reminiscent of a vibrant pumpkin patch basking in the autumn sun.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B4513#CD5C08#FF7F50#FFDAB9#FAFAD2

Palette guide

How to use Autumn Pumpkin Spice

Overview

The Autumn Pumpkin Spice palette offers warm, earthy tones reminiscent of a vibrant pumpkin patch basking in the autumn sun. It features a deep saddle brown (#8B4513) and a rich dark orange (#CD5C08), capturing the essence of fall. A vibrant coral (#FF7F50) adds a lively accent, while a soft peach (#FFDAB9) provides a delicate, creamy highlight. A very light pale goldenrod (#FAFAD2) offers an expansive, airy base. 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 nature-inspired 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
Harvest festival event design
Digital illustrations of farm scenes
Cozy home decor mockups

Suggested color roles

primary

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

secondary

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

accent

Highlight interactive elements or key information with #FF7F50 to ensure they pop with energetic appeal.

background

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

text

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

Accessibility notes

Ensure sufficient contrast between #8B4513 text and #FFDAB9 or #FAFAD2 backgrounds for WCAG AA compliance.
Avoid using #CD5C08 or #FF7F50 for small text on similarly light backgrounds due to potential readability issues.
Test color combinations for users with color vision deficiencies, especially with the brown-orange spectrum.
Provide clear visual cues beyond color for interactive states, particularly between #CD5C08 and #FF7F50.

Recommended combinations

Spice Ground

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

#8B4513 · #CD5C08 · #FAFAD2

Pumpkin Glow

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

#FF7F50 · #FFDAB9 · #CD5C08

Earthy Cream

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

#FAFAD2 · #8B4513 · #FF7F50

CSS variables

:root {
  --autumn-pumpkin-spice-1: #8B4513;
  --autumn-pumpkin-spice-2: #CD5C08;
  --autumn-pumpkin-spice-3: #FF7F50;
  --autumn-pumpkin-spice-4: #FFDAB9;
  --autumn-pumpkin-spice-5: #FAFAD2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-pumpkin-spice": {
        1: "#8B4513",
        2: "#CD5C08",
        3: "#FF7F50",
        4: "#FFDAB9",
        5: "#FAFAD2",
      }
    }
  }
}

Hex values

Color 1#8B4513

Color 2#CD5C08

Color 3#FF7F50

Color 4#FFDAB9

Color 5#FAFAD2

Accessibility

Contrast checker

1.7:1Fail

2.8:1Fail

5.4:1AA

6.6:1AA

1.7:1Fail

1.6:1Fail

3.1:1AA18

3.8:1AA18

2.8:1Fail

1.6:1Fail

1.9:1Fail

2.3:1Fail

5.4:1AA

3.1:1AA18

1.9:1Fail

1.2:1Fail

6.6:1AA

3.8:1AA18

2.3:1Fail

1.2:1Fail

Similar palettes

More like Autumn Pumpkin Spice

View all warm

Russet Orchard Bounty