Back to palettes

Palette

Spiced Pumpkin Patch

A cozy autumnal blend, inspired by pumpkin patches and warming spice aromas.

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

#A0522D#CD853F#FF8C00#FFA07A#FFDAB9

Palette guide

How to use Spiced Pumpkin Patch

Overview

The Spiced Pumpkin Patch palette offers a classic and vibrant autumnal blend, reminiscent of cozy harvest seasons. Featuring a bright #FF8C00, a warm #CD853F, and the very light #FFDAB9, this collection creates a cheerful yet inviting atmosphere. It's particularly well-suited for designs that aim for a friendly, approachable, and festive feel. Designers can use this palette to evoke warmth and comfort in branding, while developers will find the clear contrast opportunities useful for creating accessible and visually engaging user interfaces. The range from deep brown to light cream ensures versatility.

Best used for

  • cheerful autumn marketing campaigns
  • casual dining establishment branding
  • festive party decoration themes
  • children's book and toy design
  • DIY craft project inspiration
  • blog and social media headers

Suggested color roles

primary

Use #FF8C00 as a lively primary color for calls to action or prominent branding.

secondary

Apply #CD853F for supporting elements, adding warmth and depth without overpowering.

accent

Introduce #FFA07A for soft highlights or interactive elements, offering a gentle, peachy glow.

background

Employ #FFDAB9 for a very light, airy background that provides excellent contrast for darker text.

text

Utilize #A0522D for primary text on light backgrounds to ensure strong readability and an earthy anchor.

Accessibility notes

  • Ensure #FFDAB9 is always paired with sufficiently dark text for readability.
  • When using #FFA07A for text, ensure it's large enough or on a darker background to meet contrast standards.
  • Avoid using #CD853F for small text on a #FFDAB9 background without checking WCAG guidelines.
  • Provide clear focus indicators for interactive elements, especially those using lighter shades.

Recommended combinations

Bright Harvest

Creates a vibrant and clear aesthetic, great for main content areas or festive promotions.

#FF8C00 · #CD853F · #FFDAB9

Soft Spice

Offers a gentle, warm transition, ideal for background textures or subtle branding.

#FFA07A · #A0522D · #CD853F

Lively Glow

A fresh and grounded combination, perfect for headers or eye-catching accents.

#FFDAB9 · #FF8C00 · #A0522D

CSS variables

:root {
  --spiced-pumpkin-patch-3-1: #A0522D;
  --spiced-pumpkin-patch-3-2: #CD853F;
  --spiced-pumpkin-patch-3-3: #FF8C00;
  --spiced-pumpkin-patch-3-4: #FFA07A;
  --spiced-pumpkin-patch-3-5: #FFDAB9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-pumpkin-patch-3": {
        1: "#A0522D",
        2: "#CD853F",
        3: "#FF8C00",
        4: "#FFA07A",
        5: "#FFDAB9",
      }
    }
  }
}

Related searches

bright autumn colorscheerful fall paletteclassic pumpkin orangewarm harvest huescozy orange brown scheme

Palette colors

Hex values

Color 1#A0522D
·
Color 2#CD853F
·
Color 3#FF8C00
·
Color 4#FFA07A
·
Color 5#FFDAB9
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
2.4:1Fail
2.8:1Fail
4.3:1AA18
2
1.9:1Fail
1.3:1Fail
1.5:1Fail
2.3:1Fail
3
2.4:1Fail
1.3:1Fail
1.2:1Fail
1.8:1Fail
4
2.8:1Fail
1.5:1Fail
1.2:1Fail
1.5:1Fail
5
4.3:1AA18
2.3:1Fail
1.8:1Fail
1.5:1Fail

Similar palettes

More like Spiced Pumpkin Patch

View all warm
Spiced Pumpkin Autumn
Autumn Cider Festival
Autumn Orchard Gold
Autumn Orchard Sunset
Autumn Pumpkin Patch
Autumn Pumpkin Patch