Back to palettes

Palette

Spiced Pumpkin Patch

Rich, autumnal tones reminiscent of a bountiful pumpkin patch infused with warm, inviting spices.

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

#FF7F50#F4A460#DAA520#D2691E#B22222

Palette guide

How to use Spiced Pumpkin Patch

Overview

The Spiced Pumpkin Patch palette presents rich, autumnal tones reminiscent of a bountiful harvest, infused with warm, inviting spices. Featuring the bright #FF7F50, a distinctive #DAA520 (goldenrod), and a bold #B22222 (firebrick red), this collection offers a vibrant and dynamic feel. It's excellent for designs that aim for a festive, bold, or multicultural aesthetic. Designers can leverage its diverse character for impactful marketing or storytelling, while developers will appreciate the strong contrasts for creating accessible and visually engaging user interfaces. The palette allows for both warmth and energetic pops of color.

Best used for

  • bold autumn marketing campaigns
  • festive holiday event branding
  • multicultural celebration themes
  • food and beverage industry visuals
  • decorative arts and crafts
  • storytelling and editorial illustrations

Suggested color roles

primary

Use #FF7F50 as a bright, inviting primary color for calls to action or dominant elements.

secondary

Apply #D2691E for supporting sections, offering a deep, rich burnt orange.

accent

Introduce #B22222 as a strong, fiery red accent for high impact, warnings, or key highlights.

background

Employ #F4A460 for a warm, sandy background that provides good readability for darker text.

text

Utilize #D2691E or #B22222 for primary text on light backgrounds for excellent contrast, or near-white on #B22222.

Accessibility notes

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

Recommended combinations

Fiery Autumn

Creates a bold, energetic, and passionate aesthetic, ideal for impactful headers or promotions.

#FF7F50 · #B22222 · #D2691E

Golden Harvest

Offers a rich, warm, and sophisticated feel, perfect for background elements or secondary information.

#DAA520 · #F4A460 · #D2691E

Dynamic Contrast

A striking and balanced combination, great for unique accents, icons, or visual storytelling.

#B22222 · #FF7F50 · #DAA520

CSS variables

:root {
  --spiced-pumpkin-patch-7-1: #FF7F50;
  --spiced-pumpkin-patch-7-2: #F4A460;
  --spiced-pumpkin-patch-7-3: #DAA520;
  --spiced-pumpkin-patch-7-4: #D2691E;
  --spiced-pumpkin-patch-7-5: #B22222;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-pumpkin-patch-7": {
        1: "#FF7F50",
        2: "#F4A460",
        3: "#DAA520",
        4: "#D2691E",
        5: "#B22222",
      }
    }
  }
}

Related searches

bold autumn palettefestive fall colorsspiced orange redharvest gold schemevibrant seasonal design

Palette colors

Hex values

Color 1#FF7F50
·
Color 2#F4A460
·
Color 3#DAA520
·
Color 4#D2691E
·
Color 5#B22222
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.1:1Fail
1.5:1Fail
2.7:1Fail
2
1.2:1Fail
1.1:1Fail
1.8:1Fail
3.3:1AA18
3
1.1:1Fail
1.1:1Fail
1.6:1Fail
3:1Fail
4
1.5:1Fail
1.8:1Fail
1.6:1Fail
1.8:1Fail
5
2.7:1Fail
3.3:1AA18
3:1Fail
1.8:1Fail

Similar palettes

More like Spiced Pumpkin Patch

View all warm
Autumn Cider Festival
Autumn Orchard Gold
Autumn Orchard Sunset
Autumn Pumpkin Patch
Ginger Harvest Hue
Harvest Pumpkin Patch