Back to palettes

Palette

Spiced Pumpkin Patch

A cozy blend of oranges and warm browns, evoking the delightful scents of an autumn pumpkin patch.

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

#CC6633#FF9966#FFCC99#993300#E67F4F

Palette guide

How to use Spiced Pumpkin Patch

Overview

The Spiced Pumpkin Patch palette offers a classic and vibrant blend of oranges and warm browns, evoking the delightful scents of an autumn harvest. With a rich #CC6633, a bright #FF9966, and the grounding #993300, this collection is perfect for designs that aim for a traditional, cozy, or energetic feel. Designers can leverage its robust character for seasonal promotions or comfort food branding, while developers will appreciate the strong contrast opportunities for creating accessible and visually engaging user interfaces. The soft #FFCC99 provides a versatile light base.

Best used for

  • vintage-inspired autumn designs
  • traditional holiday branding
  • rustic craft project inspiration
  • comfort food restaurant menus
  • seasonal product promotions
  • educational materials for fall

Suggested color roles

primary

Use #CC6633 as a classic, rich primary color for impactful branding and calls to action.

secondary

Apply #E67F4F for supporting elements, providing a vibrant, warm middle orange.

accent

Introduce #FF9966 as a brighter, energetic accent for highlights or interactive elements.

background

Employ #FFCC99 for a soft, light orange base that offers good readability for darker text.

text

Utilize #993300 for primary text on light backgrounds to ensure strong contrast and a grounded feel.

Accessibility notes

  • Ensure #FFCC99 is always paired with sufficiently dark text for readability.
  • When using #FF9966 for text, ensure it's large enough or on a darker background to meet contrast standards.
  • Avoid using #E67F4F for small text on very light backgrounds without careful contrast verification.
  • Provide clear visual cues for interactive elements, especially with the brighter orange tones.

Recommended combinations

Traditional Harvest

Creates a classic, grounded, and inviting aesthetic, ideal for main content areas.

#CC6633 · #993300 · #FFCC99

Vibrant Spice

Offers an energetic and lively feel, perfect for accents or dynamic sections.

#E67F4F · #FF9966 · #CC6633

Soft Glow

A gentle and readable combination, great for backgrounds, subtle patterns, or secondary information.

#FFCC99 · #993300 · #E67F4F

CSS variables

:root {
  --spiced-pumpkin-patch-6-1: #CC6633;
  --spiced-pumpkin-patch-6-2: #FF9966;
  --spiced-pumpkin-patch-6-3: #FFCC99;
  --spiced-pumpkin-patch-6-4: #993300;
  --spiced-pumpkin-patch-6-5: #E67F4F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-pumpkin-patch-6": {
        1: "#CC6633",
        2: "#FF9966",
        3: "#FFCC99",
        4: "#993300",
        5: "#E67F4F",
      }
    }
  }
}

Related searches

traditional autumn paletteclassic orange brownvintage fall colorsspiced harvest schemewarm cozy design

Palette colors

Hex values

Color 1#CC6633
·
Color 2#FF9966
·
Color 3#FFCC99
·
Color 4#993300
·
Color 5#E67F4F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
2.6:1Fail
2:1Fail
1.4:1Fail
2
1.8:1Fail
1.4:1Fail
3.5:1AA18
1.3:1Fail
3
2.6:1Fail
1.4:1Fail
5.1:1AA
1.9:1Fail
4
2:1Fail
3.5:1AA18
5.1:1AA
2.7:1Fail
5
1.4:1Fail
1.3:1Fail
1.9:1Fail
2.7:1Fail

Similar palettes

More like Spiced Pumpkin Patch

View all warm
Harvest Spice Market
Spiced Autumn Gourd
Autumn Cider Festival
Autumn Orchard Gold
Autumn Orchard Sunset
Autumn Pumpkin Patch