Back to palettes

Palette

Spiced Pumpkin Patch

Warm, inviting oranges and spiced browns evoke the cozy feel of an autumn pumpkin patch and its sweet 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

#FF7F50#FFA07A#F4A460#CD853F#B8860B

Palette guide

How to use Spiced Pumpkin Patch

Overview

The Spiced Pumpkin Patch palette offers a vibrant and inviting classic autumn feel, blending lively oranges with a distinctive hint of golden warmth. Featuring the bright #FF7F50, the soft #FFA07A, and the unique #B8860B (dark goldenrod), this collection is perfect for designs that aim for a cozy, festive, or natural appeal. Designers can leverage its harmonious blend for seasonal promotions or comforting visuals, while developers will appreciate the clear contrast opportunities for creating accessible and engaging user interfaces. The palette ensures a lively yet grounded aesthetic.

Best used for

  • seasonal promotional campaigns
  • cozy cafe and bakery branding
  • children's product packaging
  • autumn event invitations and flyers
  • food blog and recipe website design
  • natural skincare product branding

Suggested color roles

primary

Use #FF7F50 as a bright, lively primary color for calls to action or dominant elements.

secondary

Apply #F4A460 for supporting sections, offering a warm, inviting sandy orange.

accent

Introduce #B8860B as a distinctive, muted gold accent for highlights or special features.

background

Employ #FFA07A for a soft, peachy orange background that provides a warm base for darker text.

text

Utilize #CD853F for primary text on light backgrounds to ensure strong readability and an earthy feel, or charcoal for a more neutral tone.

Accessibility notes

  • Ensure #FFA07A is always paired with sufficiently dark text for readability.
  • When using #F4A460 for text on #FFA07A, verify it meets WCAG contrast standards.
  • Avoid using #FF7F50 for small text on very light backgrounds without careful contrast verification.
  • Provide clear visual cues for interactive elements, especially with the brighter orange tones.

Recommended combinations

Golden Spice

Creates a distinctive and warm aesthetic, ideal for headers, key features, or branding accents.

#B8860B · #FF7F50 · #CD853F

Soft Pumpkin

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

#FFA07A · #F4A460 · #CD853F

Vibrant Harvest

A lively and balanced combination, great for main content areas, promotions, or dynamic sections.

#FF7F50 · #CD853F · #F4A460

CSS variables

:root {
  --spiced-pumpkin-patch-9-1: #FF7F50;
  --spiced-pumpkin-patch-9-2: #FFA07A;
  --spiced-pumpkin-patch-9-3: #F4A460;
  --spiced-pumpkin-patch-9-4: #CD853F;
  --spiced-pumpkin-patch-9-5: #B8860B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-pumpkin-patch-9": {
        1: "#FF7F50",
        2: "#FFA07A",
        3: "#F4A460",
        4: "#CD853F",
        5: "#B8860B",
      }
    }
  }
}

Related searches

vibrant autumn palettegolden orange colorsspiced pumpkin themecozy fall hueswarm harvest scheme

Palette colors

Hex values

Color 1#FF7F50
·
Color 2#FFA07A
·
Color 3#F4A460
·
Color 4#CD853F
·
Color 5#B8860B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.2:1Fail
1.2:1Fail
1.3:1Fail
2
1.3:1Fail
1:1Fail
1.5:1Fail
1.6:1Fail
3
1.2:1Fail
1:1Fail
1.5:1Fail
1.6:1Fail
4
1.2:1Fail
1.5:1Fail
1.5:1Fail
1.1:1Fail
5
1.3:1Fail
1.6:1Fail
1.6:1Fail
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