Back to palettes

Palette

Spiced Pumpkin Patch

The cozy, earthy tones of an autumn pumpkin patch, ready for harvest 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

#E67E22#C0392B#5D6D24#F3EFE0#8D4004

Palette guide

How to use Spiced Pumpkin Patch

Overview

The Spiced Pumpkin Patch palette captures the cozy, earthy tones of an autumn harvest, blending rich oranges, deep reds, and a unique muted green. Anchored by the inviting #E67E22 and the grounding #8D4004, it also introduces a rustic touch with #5D6D24. This palette is excellent for projects requiring a natural, wholesome, or traditional feel. Designers can utilize its robust character for rustic branding or seasonal promotions, while developers will appreciate the strong contrast opportunities for creating accessible and visually appealing interfaces. The soft #F3EFE0 provides a perfect neutral base.

Best used for

  • farm-to-table restaurant branding
  • rustic wedding themes
  • nature-themed websites
  • autumn festival marketing
  • artisanal food packaging
  • traditional holiday decor

Suggested color roles

primary

Use #E67E22 for primary calls to action or dominant brand elements, offering warmth and visibility.

secondary

Apply #C0392B for supporting sections or as a rich, earthy complement to the primary orange.

accent

Introduce #5D6D24 as a refreshing, natural accent color for subtle highlights or graphic elements.

background

Employ #F3EFE0 for clean, soft backgrounds that provide excellent readability for darker text.

text

Leverage #8D4004 for primary text to ensure high contrast and a grounding, earthy feel on light backgrounds.

Accessibility notes

  • Ensure sufficient contrast when pairing text in #E67E22 or #C0392B with a #F3EFE0 background.
  • Use #8D4004 for text on #F3EFE0 for optimal readability and WCAG compliance.
  • Avoid using #5D6D24 as small text on similarly dark or vibrant backgrounds due to potential low contrast.
  • For interactive elements, ensure hover/focus states maintain high contrast, especially with #F3EFE0.

Recommended combinations

Harvest Blend

A rich, autumnal combination ideal for impactful headers or feature sections.

#E67E22 · #C0392B · #5D6D24

Earthy Base

Provides a grounded and readable foundation for content-heavy layouts.

#F3EFE0 · #8D4004 · #E67E22

Rustic Accent

Creates a natural, slightly unexpected pop, suitable for icons or illustrative details.

#5D6D24 · #C0392B · #E67E22

CSS variables

:root {
  --spiced-pumpkin-patch-10-1: #E67E22;
  --spiced-pumpkin-patch-10-2: #C0392B;
  --spiced-pumpkin-patch-10-3: #5D6D24;
  --spiced-pumpkin-patch-10-4: #F3EFE0;
  --spiced-pumpkin-patch-10-5: #8D4004;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-pumpkin-patch-10": {
        1: "#E67E22",
        2: "#C0392B",
        3: "#5D6D24",
        4: "#F3EFE0",
        5: "#8D4004",
      }
    }
  }
}

Related searches

rustic autumn paletteearthy fall colorsharvest color schemepumpkin patch designnatural warm tones

Palette colors

Hex values

Color 1#E67E22
·
Color 2#C0392B
·
Color 3#5D6D24
·
Color 4#F3EFE0
·
Color 5#8D4004
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
2:1Fail
2.5:1Fail
2.6:1Fail
2
1.9:1Fail
1:1Fail
4.7:1AA
1.3:1Fail
3
2:1Fail
1:1Fail
5:1AA
1.3:1Fail
4
2.5:1Fail
4.7:1AA
5:1AA
6.4:1AA
5
2.6:1Fail
1.3:1Fail
1.3:1Fail
6.4:1AA

Similar palettes

More like Spiced Pumpkin Patch

View all warm
Autumn Gourd Blend
Autumn Harvest Berry
Autumn Spice Rust
Golden Harvest Fields
Golden Harvest Fields
Harvest Spice Bloom