Cozy Christmas Color Palette
Traditional Christmas without the plastic: snow cream, cranberry and holly red, deep pine and bright holly green, and warm candle gold. Rich and slightly muted so it reads heritage rather than dollar-store, the gold keeping the reds and greens from going flat. For holiday cards, festive lettering, and cozy seasonal scenes.
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 {
--cozy-christmas-1: #F4EEDD;
--cozy-christmas-2: #E9E1C8;
--cozy-christmas-3: #DDD3B0;
--cozy-christmas-4: #CFC299;
--cozy-christmas-5: #BFB082;
--cozy-christmas-6: #AE9D6C;
--cozy-christmas-7: #B23A3A;
--cozy-christmas-8: #A23232;
--cozy-christmas-9: #922B2B;
--cozy-christmas-10: #812424;
--cozy-christmas-11: #701D1E;
--cozy-christmas-12: #5F1718;
--cozy-christmas-13: #2E5A40;
--cozy-christmas-14: #285039;
--cozy-christmas-15: #234632;
--cozy-christmas-16: #1E3C2A;
--cozy-christmas-17: #193223;
--cozy-christmas-18: #14281C;
--cozy-christmas-19: #3D7A4E;
--cozy-christmas-20: #356E45;
--cozy-christmas-21: #2D623D;
--cozy-christmas-22: #265634;
--cozy-christmas-23: #1F4A2C;
--cozy-christmas-24: #183E24;
--cozy-christmas-25: #C99A3E;
--cozy-christmas-26: #B98A34;
--cozy-christmas-27: #A87A2B;
--cozy-christmas-28: #946923;
--cozy-christmas-29: #80581C;
--cozy-christmas-30: #6C4815;
}SCSS
$cozy-christmas-1: #F4EEDD;
$cozy-christmas-2: #E9E1C8;
$cozy-christmas-3: #DDD3B0;
$cozy-christmas-4: #CFC299;
$cozy-christmas-5: #BFB082;
$cozy-christmas-6: #AE9D6C;
$cozy-christmas-7: #B23A3A;
$cozy-christmas-8: #A23232;
$cozy-christmas-9: #922B2B;
$cozy-christmas-10: #812424;
$cozy-christmas-11: #701D1E;
$cozy-christmas-12: #5F1718;
$cozy-christmas-13: #2E5A40;
$cozy-christmas-14: #285039;
$cozy-christmas-15: #234632;
$cozy-christmas-16: #1E3C2A;
$cozy-christmas-17: #193223;
$cozy-christmas-18: #14281C;
$cozy-christmas-19: #3D7A4E;
$cozy-christmas-20: #356E45;
$cozy-christmas-21: #2D623D;
$cozy-christmas-22: #265634;
$cozy-christmas-23: #1F4A2C;
$cozy-christmas-24: #183E24;
$cozy-christmas-25: #C99A3E;
$cozy-christmas-26: #B98A34;
$cozy-christmas-27: #A87A2B;
$cozy-christmas-28: #946923;
$cozy-christmas-29: #80581C;
$cozy-christmas-30: #6C4815;Tailwind
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'cozy-christmas': {
'1': '#F4EEDD',
'2': '#E9E1C8',
'3': '#DDD3B0',
'4': '#CFC299',
'5': '#BFB082',
'6': '#AE9D6C',
'7': '#B23A3A',
'8': '#A23232',
'9': '#922B2B',
'10': '#812424',
'11': '#701D1E',
'12': '#5F1718',
'13': '#2E5A40',
'14': '#285039',
'15': '#234632',
'16': '#1E3C2A',
'17': '#193223',
'18': '#14281C',
'19': '#3D7A4E',
'20': '#356E45',
'21': '#2D623D',
'22': '#265634',
'23': '#1F4A2C',
'24': '#183E24',
'25': '#C99A3E',
'26': '#B98A34',
'27': '#A87A2B',
'28': '#946923',
'29': '#80581C',
'30': '#6C4815',
},
},
},
},
};JSON
{
"name": "Cozy Christmas",
"colors": [
"#F4EEDD",
"#E9E1C8",
"#DDD3B0",
"#CFC299",
"#BFB082",
"#AE9D6C",
"#B23A3A",
"#A23232",
"#922B2B",
"#812424",
"#701D1E",
"#5F1718",
"#2E5A40",
"#285039",
"#234632",
"#1E3C2A",
"#193223",
"#14281C",
"#3D7A4E",
"#356E45",
"#2D623D",
"#265634",
"#1F4A2C",
"#183E24",
"#C99A3E",
"#B98A34",
"#A87A2B",
"#946923",
"#80581C",
"#6C4815"
]
}Hex list
#F4EEDD
#E9E1C8
#DDD3B0
#CFC299
#BFB082
#AE9D6C
#B23A3A
#A23232
#922B2B
#812424
#701D1E
#5F1718
#2E5A40
#285039
#234632
#1E3C2A
#193223
#14281C
#3D7A4E
#356E45
#2D623D
#265634
#1F4A2C
#183E24
#C99A3E
#B98A34
#A87A2B
#946923
#80581C
#6C4815