Color collection
Halloween Color Palettes
Halloween palettes for spooky campaigns, event pages, party brands, and seasonal gaming graphics.
#2775CEAccent#8B51D6Surface#161C27Text#F3F4F7Support#C9739BHalloween 2Halloween / Dark UI / OrangeQuality 99Primary#27A4CEAccent#5156D6Surface#141E24Text#F3F6F7Support#C973B3Halloween 4Halloween / Dark UI / OrangeQuality 98Primary#2746CEAccent#C951D6Surface#18192AText#F3F3F7Support#C97383Halloween 7Halloween / Dark UI / OrangeQuality 98Primary#9627CEAccent#D67951Surface#301D34Text#F6F3F7Support#C9AC73Halloween 6Halloween / Dark UI / OrangeQuality 97Primary#6727CEAccent#D65168Surface#271C31Text#F5F3F7Support#C99473Halloween 1Halloween / Dark UI / OrangeQuality 96Primary#27CEC8Accent#5194D6Surface#121F21Text#F3F7F7Support#C673C9How to use these palettes
Start with the primary and surface colors, then test text contrast before exporting. These palettes are most useful for event pages, party brands, gaming graphics, and seasonal campaigns. Keep orange as the energetic accent and use dark surfaces with readable body text.
Every generated palette is sorted by a UI quality score that favors readable text, clear surface separation, and controlled saturation.
CSS Variables
:root {
--primary: #2775CE;
--accent: #8B51D6;
--surface: #161C27;
--text: #F3F4F7;
--support: #C9739B;
}FAQ
Where should I use halloween color palettes?
These palettes are designed for event pages, party brands, gaming graphics, and seasonal campaigns.
Can I copy these colors into a design system?
Yes. Each palette includes clear interface roles such as Primary, Accent, Surface, Text, and Support.
How do I avoid low contrast?
Keep orange as the energetic accent and use dark surfaces with readable body text.