Vintage Halloween Color Palette
Old-fashioned Halloween, all muted and a little eerie: bone cream, faded pumpkin, deep witchy purple, poison-bottle green, and crow-black charcoal. It skips the neon for a 1960s trick-or-treat mood — printed-paper mask, weathered jack-o'-lantern. For spooky illustration, vintage party graphics, and October lettering.
Get Paintrix free on the App Store.
Download
Hex codes
Color theory
Base
Complement
Analogous −30°
Analogous +30°
Triadic
Use it for
Code formats
CSS
:root {
--vintage-halloween-1: #E9DEC2;
--vintage-halloween-2: #DBCDA8;
--vintage-halloween-3: #CBBB8E;
--vintage-halloween-4: #B9A774;
--vintage-halloween-5: #A6925E;
--vintage-halloween-6: #927E4A;
--vintage-halloween-7: #C46E2C;
--vintage-halloween-8: #B36126;
--vintage-halloween-9: #A25420;
--vintage-halloween-10: #8E481B;
--vintage-halloween-11: #7A3C16;
--vintage-halloween-12: #663012;
--vintage-halloween-13: #4A2F58;
--vintage-halloween-14: #42294F;
--vintage-halloween-15: #3A2346;
--vintage-halloween-16: #321D3C;
--vintage-halloween-17: #2A1732;
--vintage-halloween-18: #221228;
--vintage-halloween-19: #6E7A30;
--vintage-halloween-20: #627029;
--vintage-halloween-21: #566624;
--vintage-halloween-22: #4A5B1F;
--vintage-halloween-23: #3E501A;
--vintage-halloween-24: #324514;
--vintage-halloween-25: #2A2622;
--vintage-halloween-26: #221F1C;
--vintage-halloween-27: #1A1816;
--vintage-halloween-28: #131210;
--vintage-halloween-29: #0D0C0B;
--vintage-halloween-30: #070706;
} SCSS
$vintage-halloween-1: #E9DEC2;
$vintage-halloween-2: #DBCDA8;
$vintage-halloween-3: #CBBB8E;
$vintage-halloween-4: #B9A774;
$vintage-halloween-5: #A6925E;
$vintage-halloween-6: #927E4A;
$vintage-halloween-7: #C46E2C;
$vintage-halloween-8: #B36126;
$vintage-halloween-9: #A25420;
$vintage-halloween-10: #8E481B;
$vintage-halloween-11: #7A3C16;
$vintage-halloween-12: #663012;
$vintage-halloween-13: #4A2F58;
$vintage-halloween-14: #42294F;
$vintage-halloween-15: #3A2346;
$vintage-halloween-16: #321D3C;
$vintage-halloween-17: #2A1732;
$vintage-halloween-18: #221228;
$vintage-halloween-19: #6E7A30;
$vintage-halloween-20: #627029;
$vintage-halloween-21: #566624;
$vintage-halloween-22: #4A5B1F;
$vintage-halloween-23: #3E501A;
$vintage-halloween-24: #324514;
$vintage-halloween-25: #2A2622;
$vintage-halloween-26: #221F1C;
$vintage-halloween-27: #1A1816;
$vintage-halloween-28: #131210;
$vintage-halloween-29: #0D0C0B;
$vintage-halloween-30: #070706; Tailwind
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'vintage-halloween': {
'1': '#E9DEC2',
'2': '#DBCDA8',
'3': '#CBBB8E',
'4': '#B9A774',
'5': '#A6925E',
'6': '#927E4A',
'7': '#C46E2C',
'8': '#B36126',
'9': '#A25420',
'10': '#8E481B',
'11': '#7A3C16',
'12': '#663012',
'13': '#4A2F58',
'14': '#42294F',
'15': '#3A2346',
'16': '#321D3C',
'17': '#2A1732',
'18': '#221228',
'19': '#6E7A30',
'20': '#627029',
'21': '#566624',
'22': '#4A5B1F',
'23': '#3E501A',
'24': '#324514',
'25': '#2A2622',
'26': '#221F1C',
'27': '#1A1816',
'28': '#131210',
'29': '#0D0C0B',
'30': '#070706',
},
},
},
},
}; JSON
{
"name": "Vintage Halloween",
"colors": [
"#E9DEC2",
"#DBCDA8",
"#CBBB8E",
"#B9A774",
"#A6925E",
"#927E4A",
"#C46E2C",
"#B36126",
"#A25420",
"#8E481B",
"#7A3C16",
"#663012",
"#4A2F58",
"#42294F",
"#3A2346",
"#321D3C",
"#2A1732",
"#221228",
"#6E7A30",
"#627029",
"#566624",
"#4A5B1F",
"#3E501A",
"#324514",
"#2A2622",
"#221F1C",
"#1A1816",
"#131210",
"#0D0C0B",
"#070706"
]
} Hex list
#E9DEC2
#DBCDA8
#CBBB8E
#B9A774
#A6925E
#927E4A
#C46E2C
#B36126
#A25420
#8E481B
#7A3C16
#663012
#4A2F58
#42294F
#3A2346
#321D3C
#2A1732
#221228
#6E7A30
#627029
#566624
#4A5B1F
#3E501A
#324514
#2A2622
#221F1C
#1A1816
#131210
#0D0C0B
#070706