Halloween Color Palette
Pumpkin orange, candy corn yellow, witch purple and slime green on midnight black. Spooky, fun and made for party invitations.
Click any color to copy its HEX code.
Halloween color codes
| Name | HEX | RGB | HSL | |
|---|---|---|---|---|
| Bone | #EFE6D2 | 239, 230, 210 | 41°, 48%, 88% | |
| Candy Corn | #F8B133 | 248, 177, 51 | 38°, 93%, 59% | |
| Pumpkin | #F2771A | 242, 119, 26 | 26°, 89%, 53% | |
| Slime | #8BC34A | 139, 195, 74 | 88°, 50%, 53% | |
| Witch Purple | #5B2A86 | 91, 42, 134 | 272°, 52%, 35% | |
| Midnight | #1B1A22 | 27, 26, 34 | 248°, 13%, 12% |
How to use this palette
A simple way to use 6 colors without chaos is the 60-30-10 rule: about 60% of the space in the lightest shade, 30% in a supporting color and 10% in the accent. For this palette that is Bone (#EFE6D2) as the base, Candy Corn (#F8B133) as the supporting color and Pumpkin (#F2771A) as the accent, with Midnight (#1B1A22) for text and fine details.
Halloween
A quick preview of the palette with base, text and accent colors.
Pumpkin Candy CornWhere it works
Readable text color pairs
These combinations reach a contrast ratio of at least 4.5:1, the WCAG AA level for normal text, so they are safe for text on websites, posters and invitations.
- Midnight on Bone#1B1A22 on #EFE6D2 · 13.9:1
- Midnight on Candy Corn#1B1A22 on #F8B133 · 9.3:1
- Midnight on Slime#1B1A22 on #8BC34A · 8.2:1
- Witch Purple on Bone#5B2A86 on #EFE6D2 · 8.0:1
- Midnight on Pumpkin#1B1A22 on #F2771A · 6.1:1
- Witch Purple on Candy Corn#5B2A86 on #F8B133 · 5.3:1
CSS variables
:root {
--bone: #EFE6D2;
--candy-corn: #F8B133;
--pumpkin: #F2771A;
--slime: #8BC34A;
--witch-purple: #5B2A86;
--midnight: #1B1A22;
}