Back to palettes

Palette

Pumpkin Patch Delight

Warm and inviting oranges evoke the joyful bounty and cozy feeling of an autumn pumpkin patch.

WarmPlayful5 colors
More Warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFB300#FF8F00#F57C00#E65100#BF360C

Palette guide

How to use Pumpkin Patch Delight

Overview

The "Pumpkin Patch Delight" palette is a rich and inviting collection of warm oranges, perfectly capturing the essence of autumn and harvest. Featuring vibrant amber #FFB300, cheerful orange #FF8F00, deep pumpkin #F57C00, and rich, rustic tones like #E65100 and the burnt orange #BF360C, this palette exudes coziness and joy. Designers can leverage these hex codes for projects that require a warm, seasonal, or comforting aesthetic. Developers will find this palette excellent for creating engaging holiday promotions, food-related websites, or any digital experience that aims to evoke the cheerful spirit of fall.

Best used for

  • Autumn seasonal promotions
  • Food and beverage branding
  • Thanksgiving event invitations
  • Cozy home decor blogs
  • Children's book illustrations
  • Harvest festival websites

Suggested color roles

primary

#F57C00 - A classic, deep pumpkin orange, ideal for main headings, calls-to-action, or hero sections that convey warmth and autumn cheer.

secondary

#FF8F00 - A brighter, more vibrant orange, excellent for secondary navigation, important links, or to add a lively accent.

accent

#FFB300 - A sunny, golden amber, perfect for highlighting interactive elements, badges, or small details that need to pop with a cheerful glow.

background

#E65100 - A rich, slightly darker orange, suitable for background sections that need to feel warm and inviting, providing depth without being too dark.

text

#BF360C - The darkest, most grounding color in the palette, offering superb contrast and a rustic feel for body text against the lighter orange backgrounds.

Accessibility notes

  • Ensure #BF360C text is used on #FFB300, #FF8F00, or #F57C00 backgrounds for optimal readability.
  • Avoid placing light text on any of the mid-tone oranges without checking WCAG AA standards.
  • The close proximity of oranges might reduce visual distinction; use variations in tint or shade for clear separation.
  • For body text, a very dark brown or charcoal will provide the best legibility across the palette.

Recommended combinations

Autumn Glow

Ideal for creating warm, layered backgrounds or graphic elements that evoke the rich colors of fall foliage and harvest.

#BF360C · #F57C00 · #FFB300

Cozy Harvest

Excellent for inviting web layouts, using the lighter orange for backgrounds and the deeper tones for content blocks and headings.

#FFB300 · #E65100 · #FF8F00

Pumpkin Pop

Use for call-to-action buttons or important information where a distinct, warm, and appetizing contrast is desired.

#FF8F00 · #F57C00 · #BF360C

CSS variables

:root {
  --pumpkin-patch-delight-1: #FFB300;
  --pumpkin-patch-delight-2: #FF8F00;
  --pumpkin-patch-delight-3: #F57C00;
  --pumpkin-patch-delight-4: #E65100;
  --pumpkin-patch-delight-5: #BF360C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pumpkin-patch-delight": {
        1: "#FFB300",
        2: "#FF8F00",
        3: "#F57C00",
        4: "#E65100",
        5: "#BF360C",
      }
    }
  }
}

Related searches

autumn orange palettepumpkin color schemewarm harvest colorscozy fall designseasonal orange UI

Palette colors

Hex values

Color 1#FFB300
·
Color 2#FF8F00
·
Color 3#F57C00
·
Color 4#E65100
·
Color 5#BF360C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.5:1Fail
2.1:1Fail
3.1:1AA18
2
1.3:1Fail
1.2:1Fail
1.7:1Fail
2.4:1Fail
3
1.5:1Fail
1.2:1Fail
1.4:1Fail
2.1:1Fail
4
2.1:1Fail
1.7:1Fail
1.4:1Fail
1.5:1Fail
5
3.1:1AA18
2.4:1Fail
2.1:1Fail
1.5:1Fail

Similar palettes

More like Pumpkin Patch Delight

View all Warm
Citrus Zest Burst
Harvest Pumpkin Glow
Pumpkin Patch Glow
Spiced Coral Reef
Autumn Amber Cascade
Autumn Bounty Feast