Skip to content
ColorPlum

Palettes · theme palettes

Halloween color palettes: hex codes for orange, black and purple

Five Halloween palettes with hex codes, led by classic pumpkin (#FF7518) on black cat (#111111) with witch purple (#6A0DAD). Each lists text pairs that pass WCAG contrast, and you can copy the codes, copy CSS or download a PNG.

Classic Halloween

  1. #FF7518Pumpkin
  2. #111111Black cat
  3. #6A0DADWitch purple
  4. #F2E8CFBone
  5. #7FBF3FSlime
  • #FF7518Pumpkin
  • #111111Black cat
  • #6A0DADWitch purple
  • #F2E8CFBone
  • #7FBF3FSlime

Preview

Classic Halloween

Body text in black cat on bone, with witch purple as the accent.

Button

Readable text pairs (WCAG AA, 4.5:1 or more): Black cat on Bone 15.48:1; Black cat on Slime 8.47:1; Witch purple on Bone 7.57:1; Black cat on Pumpkin 7.02:1

Haunted house

  1. #2B2D42Midnight
  2. #8D99AEFog
  3. #D9A441Candlelight
  4. #5C3D2EOld wood
  5. #9B2226Blood red
  • #2B2D42Midnight
  • #8D99AEFog
  • #D9A441Candlelight
  • #5C3D2EOld wood
  • #9B2226Blood red

Preview

Haunted house

Body text in midnight on candlelight, with blood red as the accent.

Button

Readable text pairs (WCAG AA, 4.5:1 or more): Midnight on Candlelight 5.99:1; Midnight on Fog 4.68:1

Poison

  1. #39FF14Toxic green
  2. #0D0D0DPitch
  3. #8F00FFPotion violet
  4. #2E2E2ECauldron
  5. #FF9F1CEmber
  • #39FF14Toxic green
  • #0D0D0DPitch
  • #8F00FFPotion violet
  • #2E2E2ECauldron
  • #FF9F1CEmber

Preview

Poison

Body text in pitch on toxic green, with potion violet as the accent.

Button

Readable text pairs (WCAG AA, 4.5:1 or more): Pitch on Toxic green 14.33:1; Cauldron on Toxic green 10.01:1; Pitch on Ember 9.46:1; Cauldron on Ember 6.61:1

Vintage Halloween

  1. #E36414Jack-o'-lantern
  2. #0F4C5CNight teal
  3. #FB8B24Candy corn
  4. #F4E3B2Parchment
  5. #5F0F40Plum
  • #E36414Jack-o'-lantern
  • #0F4C5CNight teal
  • #FB8B24Candy corn
  • #F4E3B2Parchment
  • #5F0F40Plum

Preview

Vintage Halloween

Body text in plum on parchment, with jack-o'-lantern as the accent.

Button

Readable text pairs (WCAG AA, 4.5:1 or more): Plum on Parchment 10.11:1; Night teal on Parchment 7.46:1; Plum on Candy corn 5.41:1

Soft spooky

  1. #F6BD60Butterscotch
  2. #F28482Coral
  3. #84A59DSage
  4. #F7EDE2Ghost
  5. #3D405BDusk
  • #F6BD60Butterscotch
  • #F28482Coral
  • #84A59DSage
  • #F7EDE2Ghost
  • #3D405BDusk

Preview

Soft spooky

Body text in dusk on ghost, with coral as the accent.

Button

Readable text pairs (WCAG AA, 4.5:1 or more): Dusk on Ghost 8.72:1; Dusk on Butterscotch 5.93:1

Every palette here in 3D color space

Lightness runs up the pole and hue goes around it, so palettes that share a mood sit in the same region. Drag to turn it.

The 25 colors on this page in OKLab
  • Pumpkin
  • Black cat
  • Witch purple
  • Bone
  • Slime
  • Midnight
  • Fog
  • Candlelight
  • Old wood
  • Blood red
  • Toxic green
  • Pitch
  • Potion violet
  • Cauldron
  • Ember
  • Jack-o'-lantern
  • Night teal
  • Candy corn
  • Parchment
  • Plum
  • Butterscotch
  • Coral
  • Sage
  • Ghost
  • Dusk
On this page

Orange and black are the obvious Halloween pair, but the best-looking seasonal designs add a third voice: purple for witches, green for slime and potions, or a dusty teal for an old-fashioned look. The five palettes here each pick a different mood, from a toddler's pumpkin patch outing to a very serious haunted house.

The five palettes

  • Classic Halloween is pumpkin (#FF7518), black cat (#111111), witch purple (#6A0DAD), bone (#F2E8CF) and slime (#7FBF3F). It is the right choice for trick-or-treat signs, party invitations and window decals.
  • Haunted house swaps the orange for candlelight gold (#D9A441) and sets it among midnight blue (#2B2D42), fog gray (#8D99AE), old wood brown and a dark blood red. It suits escape-room flyers and storybook-style posters.
  • Poison is the loud one: toxic green (#39FF14), pitch black, potion violet (#8F00FF) and ember orange. Use it for glow-in-the-dark party themes and gaming overlays, in small doses.
  • Vintage Halloween draws on old paper decorations with jack-o'-lantern orange, night teal, candy corn, parchment and plum.
  • Soft spooky is for people who like the season but not the scares: butterscotch, coral, sage, ghost white and a dusky blue-purple.

Which pairs are readable

The tool lists every foreground and background pair that reaches 4.5:1, the WCAG minimum for normal-size text. Black cat on bone measures 15.48:1, and black cat on slime still gets 8.47:1, so the green is a usable background for real sentences. Witch purple on bone reaches 7.57:1. The haunted house palette is tighter: midnight on candlelight is 5.99:1 and midnight on fog is 4.68:1, which pass but leave little room, so avoid small gray text.

The poison palette has its own trap. Toxic green and ember orange are bright enough that pitch black on them hits 14.33:1 and 9.46:1, but toxic green against ember is only 1.51:1 and against potion violet 4.28:1, so neither is a text pairing. Keep the neon colors for shapes and borders and let the near-blacks carry the words.

Worked example

You are making a flyer for a neighborhood trunk-or-treat evening in a church parking lot. Take the classic palette: bone as the paper color, black cat for the date, time and address, and witch purple for the big headline. Black cat on bone is 15.48:1, so even the small print about candy allergies stays easy to read from a phone photo of the flyer. Add pumpkin only as a large cartoon pumpkin and a thick underline, never for text, since black on pumpkin is 7.02:1 but pumpkin on bone is only 2.20:1. If the first layout feels too stock, press Variation to shift the hues while keeping the same light and dark structure, then Copy hex codes to paste the five colors into your design app.

Using the buttons

Copy CSS gives you the palette as custom properties, handy for a school event page. Download PNG saves a swatch strip you can pin next to your layout. Back to original appears after a variation, so you can return to the exact codes above. Related palettes: fall for a gentler harvest look, and black and gold for a formal masquerade. For testing your own text colors, use the contrast checker.

Sources

  1. W3C, Web Content Accessibility Guidelines (WCAG) 2.2: contrast minimum (checked 2026-11-10) w3.org
  2. W3C, CSS Color Module Level 4: hex colors and color conversions (checked 2026-11-10) w3.org