Back to palettes

Palette

Harvest Pumpkin Patch

Rich and inviting, reminiscent of sun-drenched pumpkins and gourds ready for harvest.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Harvest 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 Harvest Pumpkin Patch.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#FFA500#FFD700#FF8C00#DAA520#B8860B

Palette guide

How to use Harvest Pumpkin Patch

Overview

The Harvest Pumpkin Patch palette is a rich and inviting collection, reminiscent of sun-drenched pumpkins and gourds ready for harvest. Dominated by vibrant oranges like #FFA500 (Orange) and #FF8C00 (Dark Orange), it exudes an energetic and festive mood. The radiant #FFD700 (Gold) adds a cheerful sparkle, while the earthy #DAA520 (Goldenrod) and #B8860B (Goldenrod) provide a warm, grounded base. This palette is perfect for designers looking to create lively, celebratory, and visually striking designs that capture the joy and abundance of the autumn season.

Best used for

  • Seasonal event promotions
  • Children's book illustrations
  • Festive branding and logos
  • Autumn marketing campaigns
  • Food and beverage packaging
  • Vibrant website headers

Suggested color roles

primary

Use #FFA500 (Orange) as a vibrant, energetic main color, perfect for grabbing attention and conveying excitement.

secondary

Apply #FF8C00 (Dark Orange) to deepen the orange, adding warmth and intensity to supporting elements.

accent

Employ #FFD700 (Gold) as a bright, cheerful highlight, ideal for calls to action, festive details, or a touch of sparkle.

background

Utilize #DAA520 (Goldenrod) or #B8860B (Goldenrod) as a warm, inviting background, allowing brighter colors to pop.

text

Opt for a deep brown like #8B4513 (not in palette, but a good recommendation) or dark charcoal for readability against the lighter golds and oranges.

Accessibility notes

  • Ensure sufficient contrast for text, especially if using a dark color on #DAA520 or #B8860B backgrounds.
  • Avoid placing light text on similar light gold/orange backgrounds (e.g., #FFD700 text on #DAA520) due to low contrast.
  • Check contrast ratios for interactive elements, particularly when using #FFA500 or #FF8C00 against #DAA520.
  • For optimal readability, a very dark text color, like charcoal or a deep brown, is recommended for body text.

Recommended combinations

Golden Pumpkin

Ideal for vibrant, festive elements, banners, or calls to action that need to convey high energy and cheer.

#FFA500 · #FFD700 · #FF8C00

Patch Glow

Perfect for warm backgrounds with energetic accents, creating a harmonious and inviting visual experience.

#DAA520 · #B8860B · #FFA500

Rich Depth

Use for strong visual hierarchy, footers, or sections requiring a grounded yet luminous presence.

#FF8C00 · #B8860B · #FFD700

CSS variables

:root {
  --harvest-pumpkin-patch-2-1: #FFA500;
  --harvest-pumpkin-patch-2-2: #FFD700;
  --harvest-pumpkin-patch-2-3: #FF8C00;
  --harvest-pumpkin-patch-2-4: #DAA520;
  --harvest-pumpkin-patch-2-5: #B8860B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "harvest-pumpkin-patch-2": {
        1: "#FFA500",
        2: "#FFD700",
        3: "#FF8C00",
        4: "#DAA520",
        5: "#B8860B",
      }
    }
  }
}

Related searches

bright pumpkin colorsgolden autumn palettefestive fall designsvibrant orange goldpumpkin patch theme

Palette colors

Hex values

Color 1#FFA500
·
Color 2#FFD700
·
Color 3#FF8C00
·
Color 4#DAA520
·
Color 5#B8860B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.2:1Fail
1.1:1Fail
1.6:1Fail
2
1.4:1Fail
1.7:1Fail
1.6:1Fail
2.3:1Fail
3
1.2:1Fail
1.7:1Fail
1:1Fail
1.4:1Fail
4
1.1:1Fail
1.6:1Fail
1:1Fail
1.5:1Fail
5
1.6:1Fail
2.3:1Fail
1.4:1Fail
1.5:1Fail

Similar palettes

More like Harvest Pumpkin Patch

View all warm