Cozy Autumn Color Palette
Peak fall in thirty steps: wheat and cream, golden amber, pumpkin and rust, cranberry maroon, and warm cocoa brown. It's the sweater-weather, fallen-leaves, spiced-everything spectrum — warm all the way through, with no cool note to break the glow. For autumn illustration, seasonal lettering, and harvest 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-autumn-1: #F0E3C4;
--cozy-autumn-2: #E6D3A6;
--cozy-autumn-3: #DAC288;
--cozy-autumn-4: #CBAF6B;
--cozy-autumn-5: #B99A52;
--cozy-autumn-6: #A4843E;
--cozy-autumn-7: #E5A93A;
--cozy-autumn-8: #D6982F;
--cozy-autumn-9: #C68726;
--cozy-autumn-10: #B3751F;
--cozy-autumn-11: #9D631A;
--cozy-autumn-12: #855215;
--cozy-autumn-13: #D2682E;
--cozy-autumn-14: #C25826;
--cozy-autumn-15: #B24A20;
--cozy-autumn-16: #9E3D1B;
--cozy-autumn-17: #883218;
--cozy-autumn-18: #722814;
--cozy-autumn-19: #8E3330;
--cozy-autumn-20: #7C2C2B;
--cozy-autumn-21: #6A2526;
--cozy-autumn-22: #591F21;
--cozy-autumn-23: #48191B;
--cozy-autumn-24: #381316;
--cozy-autumn-25: #6E4E32;
--cozy-autumn-26: #5F432B;
--cozy-autumn-27: #513923;
--cozy-autumn-28: #432F1D;
--cozy-autumn-29: #352517;
--cozy-autumn-30: #281C11;
}SCSS
$cozy-autumn-1: #F0E3C4;
$cozy-autumn-2: #E6D3A6;
$cozy-autumn-3: #DAC288;
$cozy-autumn-4: #CBAF6B;
$cozy-autumn-5: #B99A52;
$cozy-autumn-6: #A4843E;
$cozy-autumn-7: #E5A93A;
$cozy-autumn-8: #D6982F;
$cozy-autumn-9: #C68726;
$cozy-autumn-10: #B3751F;
$cozy-autumn-11: #9D631A;
$cozy-autumn-12: #855215;
$cozy-autumn-13: #D2682E;
$cozy-autumn-14: #C25826;
$cozy-autumn-15: #B24A20;
$cozy-autumn-16: #9E3D1B;
$cozy-autumn-17: #883218;
$cozy-autumn-18: #722814;
$cozy-autumn-19: #8E3330;
$cozy-autumn-20: #7C2C2B;
$cozy-autumn-21: #6A2526;
$cozy-autumn-22: #591F21;
$cozy-autumn-23: #48191B;
$cozy-autumn-24: #381316;
$cozy-autumn-25: #6E4E32;
$cozy-autumn-26: #5F432B;
$cozy-autumn-27: #513923;
$cozy-autumn-28: #432F1D;
$cozy-autumn-29: #352517;
$cozy-autumn-30: #281C11;Tailwind
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'cozy-autumn': {
'1': '#F0E3C4',
'2': '#E6D3A6',
'3': '#DAC288',
'4': '#CBAF6B',
'5': '#B99A52',
'6': '#A4843E',
'7': '#E5A93A',
'8': '#D6982F',
'9': '#C68726',
'10': '#B3751F',
'11': '#9D631A',
'12': '#855215',
'13': '#D2682E',
'14': '#C25826',
'15': '#B24A20',
'16': '#9E3D1B',
'17': '#883218',
'18': '#722814',
'19': '#8E3330',
'20': '#7C2C2B',
'21': '#6A2526',
'22': '#591F21',
'23': '#48191B',
'24': '#381316',
'25': '#6E4E32',
'26': '#5F432B',
'27': '#513923',
'28': '#432F1D',
'29': '#352517',
'30': '#281C11',
},
},
},
},
};JSON
{
"name": "Cozy Autumn",
"colors": [
"#F0E3C4",
"#E6D3A6",
"#DAC288",
"#CBAF6B",
"#B99A52",
"#A4843E",
"#E5A93A",
"#D6982F",
"#C68726",
"#B3751F",
"#9D631A",
"#855215",
"#D2682E",
"#C25826",
"#B24A20",
"#9E3D1B",
"#883218",
"#722814",
"#8E3330",
"#7C2C2B",
"#6A2526",
"#591F21",
"#48191B",
"#381316",
"#6E4E32",
"#5F432B",
"#513923",
"#432F1D",
"#352517",
"#281C11"
]
}Hex list
#F0E3C4
#E6D3A6
#DAC288
#CBAF6B
#B99A52
#A4843E
#E5A93A
#D6982F
#C68726
#B3751F
#9D631A
#855215
#D2682E
#C25826
#B24A20
#9E3D1B
#883218
#722814
#8E3330
#7C2C2B
#6A2526
#591F21
#48191B
#381316
#6E4E32
#5F432B
#513923
#432F1D
#352517
#281C11