What are the hex codes in the Pumpkin Patch palette?

The Pumpkin Patch color palette consists of Pumpkin #FF7518, Licorice #1A1A1A, Grape #6A0DAD, Smoke #F5F5F5.

How should I use the Pumpkin Patch palette on a website?

Use Smoke #F5F5F5 as the background, Licorice #1A1A1A for text, Pumpkin #FF7518 for buttons and links, and Grape #6A0DAD for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Licorice on Smoke at 15.96:1.

Which colors in Pumpkin Patch have enough contrast for text?

The highest-contrast pair is #1A1A1A on #F5F5F5 with a ratio of 15.96:1, which passes WCAG AA for normal text.

#FF7518Pumpkin

#1A1A1ALicorice

#6A0DADGrape

#F5F5F5Smoke

Pumpkin Patch color palette

Halloween Dark Vibrant Orange Black Purple White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Pumpkin	`#FF7518`	`rgb(255, 117, 24)`	`hsl(24, 100%, 55%)`	`oklch(71.6% 0.191 47)`
Licorice	`#1A1A1A`	`rgb(26, 26, 26)`	`hsl(0, 0%, 10%)`	`oklch(21.8% 0.000 0)`
Grape	`#6A0DAD`	`rgb(106, 13, 173)`	`hsl(275, 86%, 36%)`	`oklch(42.8% 0.217 303)`
Smoke	`#F5F5F5`	`rgb(245, 245, 245)`	`hsl(0, 0%, 96%)`	`oklch(97.0% 0.000 0)`

Why it works and how to use it

Pumpkin Patch is a split color palette tagged halloween, dark, vibrant. A split scheme: Pumpkin plays against Grape across roughly 109° of hue. Saturation is moderate, which keeps it flexible for both interfaces and print. Warm and cool hues are mixed, which adds depth.

It works because the lightness range is wide (10% to 96%), which gives clear hierarchy between background, content and accents. Try it for seasonal campaigns and greeting cards.

Background: Smoke (#F5F5F5) is the lightest color, so it belongs on large surfaces.
Text: Licorice (#1A1A1A) on #F5F5F5 gives 15.96:1, passing WCAG AAA.
Primary: Pumpkin (#FF7518) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Grape (#6A0DAD) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Licorice on Smoke at 15.96:1.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Pumpkin Patch

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary

Card title

Roles are assigned by lightness.

Color blindness simulation

#FF7518

#1A1A1A

#6A0DAD

#F5F5F5

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Palette card

Contrast check WCAG ratios between palette colors

Pair	Sample	Ratio	Level
`#1A1A1A` on `#F5F5F5`	Aa	15.96:1	AAA
`#6A0DAD` on `#F5F5F5`	Aa	8.47:1	AAA
`#FF7518` on `#1A1A1A`	Aa	6.47:1	AA
`#FF7518` on `#6A0DAD`	Aa	3.43:1	AA large only
`#FF7518` on `#F5F5F5`	Aa	2.47:1	Fail
`#1A1A1A` on `#6A0DAD`	Aa	1.88:1	Fail

Similar palettes 25 more in this mood