Pumpkin
#ff7518
Golden orange midtone for warm dashboard emphasis
About Pumpkin
I keep catching Pumpkin on packaging mockups where someone tried to make Heat Wave feel a little more grown up. This shade sits brighter than Butternut Squash, but it doesn't go as clay-toned or weighty as Arancio, so the whole orange reads cleaner and more lift in the midtones.
It lands at a sweet spot of high saturation with a clean, orange-forward undertone. Use it for filled CTA buttons, shipping and seasonal badge labels, and category tiles in grocery, e-commerce, and food delivery apps where you want visibility without the darker "food-stuff" grounding of Butternut Squash. It's also a solid choice for motion states and onboarding highlights when you want heat that feels playful rather than sunburnt calmer like Heat Wave.
Pair Pumpkin with cream, warm gray, or deep charcoal so it doesn't fight the text. If you push it onto large photo areas, keep surrounding neutrals quiet or it can start to feel a bit loud.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.
