Back to palettes

Palette

Spiced Pumpkin Patch

Warm and inviting, this palette reflects the comforting hues of ripened pumpkins and spiced cider in autumn.

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

#B26A3A#E08745#F5B074#FFD5AA#784E29

Palette guide

How to use Spiced Pumpkin Patch

Overview

The Spiced Pumpkin Patch palette exudes a soft, inviting, and gentle autumn feel, blending warm browns with comforting oranges. From the friendly #E08745 to the deep #784E29 and the airy #FFD5AA, this collection is perfect for designs that aim for coziness, natural beauty, or a homely touch. Designers can leverage its subtle warmth for lifestyle brands or comforting visuals, while developers will appreciate the clear contrast opportunities for creating accessible and visually engaging user interfaces. The palette's harmonious tones ensure a soothing and approachable aesthetic.

Best used for

  • bakery and cafe branding
  • cozy lifestyle blog design
  • children's clothing and accessories
  • natural beauty product packaging
  • home decor and textile patterns
  • autumn-themed event invitations

Suggested color roles

primary

Use #E08745 as a friendly, inviting primary color for key elements and calls to action.

secondary

Apply #B26A3A for supporting sections, adding a warm, mid-tone brown depth.

accent

Introduce #F5B074 for soft highlights or interactive elements that need a gentle, welcoming glow.

background

Employ #FFD5AA for a light, creamy background that provides excellent readability for darker text.

text

Utilize #784E29 for primary text on light backgrounds to ensure strong contrast and a grounded feel.

Accessibility notes

  • Ensure #FFD5AA is always paired with sufficiently dark text for readability.
  • When using #F5B074 for text, ensure it's large enough or on a darker background to meet contrast standards.
  • Avoid using #B26A3A for small text on very dark backgrounds without careful contrast verification.
  • Provide clear visual cues for interactive elements, especially those using lighter shades.

Recommended combinations

Cozy Warmth

Creates a soft, inviting, and comforting aesthetic, ideal for main content areas.

#E08745 · #B26A3A · #FFD5AA

Grounded Comfort

Offers a deep and balanced feel, perfect for headers or grounding visual elements.

#784E29 · #F5B074 · #E08745

Gentle Glow

A light and airy combination, great for backgrounds, subtle patterns, or secondary information.

#FFD5AA · #B26A3A · #F5B074

CSS variables

:root {
  --spiced-pumpkin-patch-5-1: #B26A3A;
  --spiced-pumpkin-patch-5-2: #E08745;
  --spiced-pumpkin-patch-5-3: #F5B074;
  --spiced-pumpkin-patch-5-4: #FFD5AA;
  --spiced-pumpkin-patch-5-5: #784E29;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-pumpkin-patch-5": {
        1: "#B26A3A",
        2: "#E08745",
        3: "#F5B074",
        4: "#FFD5AA",
        5: "#784E29",
      }
    }
  }
}

Related searches

soft autumn palettecozy orange brownnatural fall colorswarm rustic huesinviting pumpkin scheme

Palette colors

Hex values

Color 1#B26A3A
·
Color 2#E08745
·
Color 3#F5B074
·
Color 4#FFD5AA
·
Color 5#784E29
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.3:1Fail
3.1:1AA18
1.7:1Fail
2
1.5:1Fail
1.5:1Fail
2:1Fail
2.6:1Fail
3
2.3:1Fail
1.5:1Fail
1.4:1Fail
3.9:1AA18
4
3.1:1AA18
2:1Fail
1.4:1Fail
5.3:1AA
5
1.7:1Fail
2.6:1Fail
3.9:1AA18
5.3:1AA

Similar palettes

More like Spiced Pumpkin Patch

View all warm
Autumn Leaf Crisp
Harvest Pumpkin Patch
Spiced Pumpkin Patch
Sunbaked Harvest Gold
Sundown Wheat Fields
Amber Wheat Harvest