#0C0602Obsidian
#6C307FPurple
#FD9900Orange
#403E4AIron

Halloween Orange & Purple color palette

Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Halloween Orange & Purple is a dark, split color palette tagged halloween, dark, black. A split scheme: Purple plays against Orange across roughly 110° of hue. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is warm.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Obsidian#0C0602rgb(12, 6, 2)hsl(24, 71%, 3%)oklch(13.0% 0.019 67)
Purple#6C307Frgb(108, 48, 127)hsl(286, 45%, 34%)oklch(42.6% 0.138 317)
Orange#FD9900rgb(253, 153, 0)hsl(36, 100%, 50%)oklch(76.9% 0.172 65)
Iron#403E4Argb(64, 62, 74)hsl(250, 9%, 27%)oklch(37.1% 0.021 293)

Why it works and how to use it

Two of the four colors are near-neutral, which leaves room for Purple to lead. Lightness runs from 3% to 50%. Well suited to seasonal campaigns and greeting cards.

  • Background: Orange (#FD9900) is the lightest color, so it belongs on large surfaces.
  • Text: Obsidian (#0C0602) on #FD9900 gives 9.34:1, passing WCAG AAA.
  • Primary: Purple (#6C307F) is the most saturated mid-tone; use it for buttons and links (4.11:1 against the background, fine for UI elements).
  • Accent: Iron (#403E4A) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Obsidian on Orange at 9.34:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Halloween Orange & Purple

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
Card title
Card title
Roles are assigned by lightness.

Color blindness simulation

#0C0602
#6C307F
#FD9900
#403E4A

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#0C0602 on #FD9900Aa9.34:1AAA
#FD9900 on #403E4AAa4.85:1AA
#6C307F on #FD9900Aa4.11:1AA large only
#0C0602 on #6C307FAa2.27:1Fail
#0C0602 on #403E4AAa1.92:1Fail
#6C307F on #403E4AAa1.18:1Fail

Similar palettes 24 more in this mood