Back to palettes

Palette

Spiced Pumpkin Patch

The comforting and rich colors of an autumn pumpkin patch, infused with warm 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

#C15F17#E87A2F#F2A25B#8C4D2E#4A5B3A

Palette guide

How to use Spiced Pumpkin Patch

Overview

The Spiced Pumpkin Patch palette offers a robust and natural take on autumn, combining deep oranges with earthy browns and a distinctive muted green. With prominent hues like #C15F17, the softer #F2A25B, and the unique #4A5B3A, this collection is perfect for designs that evoke the outdoors, rustic charm, or eco-conscious themes. Designers can leverage its grounded yet vibrant character for brand identities, while developers will appreciate the clear color hierarchy for creating intuitive user interfaces. The palette offers a balanced blend of warmth and natural freshness.

Best used for

  • outdoor adventure brand identity
  • eco-friendly product packaging
  • rustic wedding stationery
  • nature photography portfolios
  • craft brewery marketing
  • sustainable living blogs

Suggested color roles

primary

Use #C15F17 as a strong, rustic primary color for impactful branding and calls to action.

secondary

Apply #E87A2F for supporting elements, providing a brighter, warm complement.

accent

Introduce #4A5B3A as a unique, earthy green accent for natural details or contrasting elements.

background

Employ #F2A25B for a soft, warm background that offers good readability for darker text.

text

Utilize #8C4D2E for primary text on light backgrounds to ensure excellent contrast and a grounded feel.

Accessibility notes

  • Ensure #F2A25B has enough contrast for text; use dark text like #8C4D2E or black.
  • Avoid using #4A5B3A as small text on dark backgrounds without careful contrast verification.
  • When pairing #E87A2F or #C15F17 as text on lighter backgrounds, verify WCAG compliance.
  • Provide clear visual cues for interactive elements, especially with the darker tones.

Recommended combinations

Earthy Depth

Creates a grounded, natural, and sophisticated look, ideal for main sections or headers.

#C15F17 · #8C4D2E · #4A5B3A

Rustic Glow

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

#E87A2F · #F2A25B · #8C4D2E

Natural Accent

A distinctive and balanced combination, great for icons, illustrations, or unique highlights.

#4A5B3A · #C15F17 · #F2A25B

CSS variables

:root {
  --spiced-pumpkin-patch-4-1: #C15F17;
  --spiced-pumpkin-patch-4-2: #E87A2F;
  --spiced-pumpkin-patch-4-3: #F2A25B;
  --spiced-pumpkin-patch-4-4: #8C4D2E;
  --spiced-pumpkin-patch-4-5: #4A5B3A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-pumpkin-patch-4": {
        1: "#C15F17",
        2: "#E87A2F",
        3: "#F2A25B",
        4: "#8C4D2E",
        5: "#4A5B3A",
      }
    }
  }
}

Related searches

rustic fall color schemenatural autumn paletteearthy orange greenspiced pumpkin tonesoutdoor fall colors

Palette colors

Hex values

Color 1#C15F17
·
Color 2#E87A2F
·
Color 3#F2A25B
·
Color 4#8C4D2E
·
Color 5#4A5B3A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.1:1Fail
1.5:1Fail
1.7:1Fail
2
1.5:1Fail
1.4:1Fail
2.3:1Fail
2.5:1Fail
3
2.1:1Fail
1.4:1Fail
3.1:1AA18
3.5:1AA18
4
1.5:1Fail
2.3:1Fail
3.1:1AA18
1.1:1Fail
5
1.7:1Fail
2.5:1Fail
3.5:1AA18
1.1: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