Palette

Spiced Pumpkin Patch

Rich and inviting, a celebration of autumn's bounty with warm oranges and spicy brown undertones.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B4513#D2691E#FF8C00#FFD700#A0522D

Palette guide

How to use Spiced Pumpkin Patch

Overview

The Spiced Pumpkin Patch color palette evokes the comforting warmth and rich hues of autumn. This inviting collection features deep browns like #8B4513 (Saddle Brown) and #A0522D (Sienna), complemented by vibrant oranges such as #D2691E (Chocolate) and the striking #FF8C00 (Dark Orange). A touch of #FFD700 (Gold) adds a celebratory sparkle. Designers can leverage this palette to create cozy, natural, and rustic aesthetics, perfect for seasonal branding or user interfaces that aim for a warm, grounded feel. Its earthy tones and bright accents offer versatile applications for both digital and print media, ensuring a rich visual experience.

Best used for

Autumnal event branding
Cozy home decor websites
Rustic cafe or restaurant branding
Thanksgiving holiday promotions
Nature-inspired product packaging
Warm-toned UI themes for apps

Suggested color roles

primary

#D2691E (Chocolate) - A rich, inviting orange-brown, ideal for main brand elements, large headers, or primary call-to-action buttons where warmth is key.

secondary

#A0522D (Sienna) - A deeper, more grounded brown, excellent for subheadings, navigation backgrounds, or complementary sections that need a solid, earthy feel.

accent

#FF8C00 (Dark Orange) - A vibrant, energetic orange, perfect for drawing attention to critical actions, interactive elements, or small decorative details that require a pop.

background

#8B4513 (Saddle Brown) - A dark, subdued brown that can serve as a rich, warm background for sections, or as a deep base color, especially when paired with lighter text.

text

#FFD700 (Gold) - A bright, luxurious gold, effective for highlighting important text against darker backgrounds, or a deep charcoal like #333333 for readability against lighter palette colors.

Accessibility notes

Ensure sufficient contrast when pairing #FFD700 (Gold) with lighter backgrounds; it shines best against darker shades like #8B4513.
Text in #FF8C00 (Dark Orange) or #D2691E (Chocolate) requires a very dark background (e.g., black or #8B4513) or a very light background (e.g., white or near-white) for optimal readability.
Avoid using #D2691E (Chocolate) and #A0522D (Sienna) for small text against each other, as their contrast might be insufficient.
For body text, consider using a dark brown like #8B4513 against a white or very light background for comfortable reading.

Recommended combinations

Warm Harvest

Ideal for vibrant headers, hero sections, or seasonal promotions that need to feel energetic and inviting.

#D2691E · #FF8C00 · #A0522D

Earthy Ground

Excellent for backgrounds, footers, or content blocks where a stable, rich, and luxurious feel is desired, with gold as a highlight.

#8B4513 · #A0522D · #FFD700

Spiced Accents

Use the deep brown as a base, the chocolate orange for main content, and the bright orange for call-to-actions or key interactive elements.

#D2691E · #8B4513 · #FF8C00

CSS variables

:root {
  --spiced-pumpkin-patch-1: #8B4513;
  --spiced-pumpkin-patch-2: #D2691E;
  --spiced-pumpkin-patch-3: #FF8C00;
  --spiced-pumpkin-patch-4: #FFD700;
  --spiced-pumpkin-patch-5: #A0522D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-pumpkin-patch": {
        1: "#8B4513",
        2: "#D2691E",
        3: "#FF8C00",
        4: "#FFD700",
        5: "#A0522D",
      }
    }
  }
}

Hex values

Color 1#8B4513

Color 2#D2691E

Color 3#FF8C00

Color 4#FFD700

Color 5#A0522D

Accessibility

Contrast checker

2:1Fail

3:1AA18

5.1:1AA

1.3:1Fail

2:1Fail

1.6:1Fail

2.6:1Fail

1.5:1Fail

3:1AA18

1.6:1Fail

1.7:1Fail

2.4:1Fail

5.1:1AA

2.6:1Fail

1.7:1Fail

4:1AA18

1.3:1Fail

1.5:1Fail

2.4:1Fail

4:1AA18

Similar palettes

More like Spiced Pumpkin Patch

View all warm

Autumn Cider Festival

Autumn Cider Spill

Autumn Harvest Berry

Autumn Hearthside Glow

Autumn Orchard Gold

Autumn Orchard Sunset