Back to palettes

Palette

Spiced Pumpkin Patch

A warm, inviting palette reflecting the comforting hues of an autumn pumpkin patch and spiced treats.

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

#E77200#F4A14F#CB6D4D#8C4E3C#4B332F

Palette guide

How to use Spiced Pumpkin Patch

Overview

The Spiced Pumpkin Patch palette offers a sophisticated take on autumn, featuring a rich spectrum from vibrant orange to deep, grounding browns. With a bold #E77200 and the profound depth of #4B332F, alongside softer tones like #F4A14F, this collection is designed for elegance and warmth. It's particularly well-suited for high-end branding, editorial content, or designs that aim for a luxurious yet natural feel. Developers can use the stark contrasts for clear hierarchy, while designers will find its mature aesthetic perfect for creating visually compelling and memorable experiences.

Best used for

  • luxury autumn fashion campaigns
  • gourmet food product packaging
  • elegant fall event invitations
  • sophisticated lifestyle blogs
  • interior design mood boards
  • editorial layouts and magazines

Suggested color roles

primary

Designate #E77200 as the main brand color for strong impact and warmth.

secondary

Use #CB6D4D for supporting elements, adding a muted, sophisticated depth.

accent

Apply #F4A14F for subtle highlights or interactive elements that need a gentle lift.

background

Employ #4B332F for a deep, dramatic background, or #F4A14F for a lighter, airy base.

text

For text on dark backgrounds, use #F4A14F or near-white. For light backgrounds, #4B332F provides excellent contrast.

Accessibility notes

  • Ensure sufficient contrast when using #F4A14F for text, especially on other light colors.
  • When using #4B332F as a background, pair it with light text (e.g., near-white or #F4A14F) for readability.
  • Avoid using #8C4E3C for small text on dark backgrounds without careful contrast checking.
  • Test color pairings, particularly #CB6D4D and #8C4E3C, to ensure they meet WCAG contrast guidelines.

Recommended combinations

Deep Autumn

Creates a rich, grounded, and sophisticated visual narrative for main sections.

#E77200 · #8C4E3C · #4B332F

Soft Transition

Ideal for gradients, subtle backgrounds, or illustrating depth and texture.

#F4A14F · #CB6D4D · #8C4E3C

Elegant Contrast

A bold and luxurious combination, perfect for headers or impactful branding.

#4B332F · #E77200 · #F4A14F

CSS variables

:root {
  --spiced-pumpkin-patch-2-1: #E77200;
  --spiced-pumpkin-patch-2-2: #F4A14F;
  --spiced-pumpkin-patch-2-3: #CB6D4D;
  --spiced-pumpkin-patch-2-4: #8C4E3C;
  --spiced-pumpkin-patch-2-5: #4B332F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-pumpkin-patch-2": {
        1: "#E77200",
        2: "#F4A14F",
        3: "#CB6D4D",
        4: "#8C4E3C",
        5: "#4B332F",
      }
    }
  }
}

Related searches

sophisticated autumn colorsdeep fall paletteelegant pumpkin palettewarm earthy tonesrich orange brown scheme

Palette colors

Hex values

Color 1#E77200
·
Color 2#F4A14F
·
Color 3#CB6D4D
·
Color 4#8C4E3C
·
Color 5#4B332F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.2:1Fail
2.1:1Fail
3.8:1AA18
2
1.5:1Fail
1.7:1Fail
3.1:1AA18
5.5:1AA
3
1.2:1Fail
1.7:1Fail
1.8:1Fail
3.2:1AA18
4
2.1:1Fail
3.1:1AA18
1.8:1Fail
1.8:1Fail
5
3.8:1AA18
5.5:1AA
3.2:1AA18
1.8:1Fail

Similar palettes

More like Spiced Pumpkin Patch

View all warm
Autumn Spiced Pumpkin
Pumpkin Spice Harvest
Spiced Pumpkin Harvest
Spiced Pumpkin Patch
Spiced Pumpkin Patch
Autumn Gourd Blend