Pumpkin Orange

Energetic, saturated pumpkin orange for bold accents

Pumpkin Orange color codes graphic
Pumpkin Orange is a high-energy, saturated tone that demands attention. Because it is so loud, use this hex code as a 10% accent rather than a background color. It pairs surprisingly well with deep charcoal or navy blue to ground its intensity. The hex code for Pumpkin Orange is #fb7d07, and it maintains excellent contrast with black text for accessible web design.

About Pumpkin Orange

Carved gourd grinning on a dark porch

What does pumpkin orange mean?

It commonly calls autumn, harvest, and Halloween to mind, and often signals caution, energy, and appetite in signs and food packaging. Its full saturation and bright midtone give it a loud, beaming presence that fills a layout without any help.

Where you see pumpkin orange

  • carved jack-o-lanterns
  • safety cones
  • monarch butterfly wings
  • basketballs
  • marmalade
  • marigolds

What it works for

It works for call-to-action buttons, sale badges, sports branding, autumn packaging, and small hazard accents that must be seen.

What colors go with pumpkin orange?

Questions about Pumpkin Orange

What is the hex code for Pumpkin Orange?
Pumpkin Orange is #fb7d07. In RGB that is rgb(251, 125, 7), in HSL hsl(29, 97%, 51%) and in CMYK 0%, 50%, 97%, 2%.
How should I use Pumpkin Orange in a professional layout?
Use #fb7d07 sparingly as a 10% accent rather than a background color to keep your design balanced. It functions best when grounded by deep neutrals like charcoal or navy to absorb its intensity without sacrificing the visual impact.
Is Pumpkin Orange readable on white or black?
Pumpkin Orange has a 2.61:1 contrast ratio on white and 8.03:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.