Faded Almanac Color Palette
Everything dialed back like a sun-bleached photograph — sepia cream, dusty rose, faded mustard, washed teal, and chalky denim blue. The low saturation gives it that nostalgic, slightly melancholy mid-century feel where no color shouts. For retro editorial, old-postcard illustration, and muted brand kits.
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-faded-1: #EDE3CF;
--vintage-faded-2: #DFD2B8;
--vintage-faded-3: #CFBF9E;
--vintage-faded-4: #BCAA86;
--vintage-faded-5: #A89470;
--vintage-faded-6: #937F5C;
--vintage-faded-7: #C49A95;
--vintage-faded-8: #B38882;
--vintage-faded-9: #A27770;
--vintage-faded-10: #90665F;
--vintage-faded-11: #7D554F;
--vintage-faded-12: #6B453F;
--vintage-faded-13: #C2A85C;
--vintage-faded-14: #B0974D;
--vintage-faded-15: #9E8640;
--vintage-faded-16: #8A7434;
--vintage-faded-17: #76632A;
--vintage-faded-18: #625321;
--vintage-faded-19: #7FA3A0;
--vintage-faded-20: #6F938F;
--vintage-faded-21: #60837F;
--vintage-faded-22: #52736F;
--vintage-faded-23: #44635F;
--vintage-faded-24: #37534F;
--vintage-faded-25: #8898A8;
--vintage-faded-26: #788998;
--vintage-faded-27: #697A88;
--vintage-faded-28: #5A6B78;
--vintage-faded-29: #4C5D68;
--vintage-faded-30: #3E4E58;
}SCSS
$vintage-faded-1: #EDE3CF;
$vintage-faded-2: #DFD2B8;
$vintage-faded-3: #CFBF9E;
$vintage-faded-4: #BCAA86;
$vintage-faded-5: #A89470;
$vintage-faded-6: #937F5C;
$vintage-faded-7: #C49A95;
$vintage-faded-8: #B38882;
$vintage-faded-9: #A27770;
$vintage-faded-10: #90665F;
$vintage-faded-11: #7D554F;
$vintage-faded-12: #6B453F;
$vintage-faded-13: #C2A85C;
$vintage-faded-14: #B0974D;
$vintage-faded-15: #9E8640;
$vintage-faded-16: #8A7434;
$vintage-faded-17: #76632A;
$vintage-faded-18: #625321;
$vintage-faded-19: #7FA3A0;
$vintage-faded-20: #6F938F;
$vintage-faded-21: #60837F;
$vintage-faded-22: #52736F;
$vintage-faded-23: #44635F;
$vintage-faded-24: #37534F;
$vintage-faded-25: #8898A8;
$vintage-faded-26: #788998;
$vintage-faded-27: #697A88;
$vintage-faded-28: #5A6B78;
$vintage-faded-29: #4C5D68;
$vintage-faded-30: #3E4E58;Tailwind
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'vintage-faded': {
'1': '#EDE3CF',
'2': '#DFD2B8',
'3': '#CFBF9E',
'4': '#BCAA86',
'5': '#A89470',
'6': '#937F5C',
'7': '#C49A95',
'8': '#B38882',
'9': '#A27770',
'10': '#90665F',
'11': '#7D554F',
'12': '#6B453F',
'13': '#C2A85C',
'14': '#B0974D',
'15': '#9E8640',
'16': '#8A7434',
'17': '#76632A',
'18': '#625321',
'19': '#7FA3A0',
'20': '#6F938F',
'21': '#60837F',
'22': '#52736F',
'23': '#44635F',
'24': '#37534F',
'25': '#8898A8',
'26': '#788998',
'27': '#697A88',
'28': '#5A6B78',
'29': '#4C5D68',
'30': '#3E4E58',
},
},
},
},
};JSON
{
"name": "Faded Almanac",
"colors": [
"#EDE3CF",
"#DFD2B8",
"#CFBF9E",
"#BCAA86",
"#A89470",
"#937F5C",
"#C49A95",
"#B38882",
"#A27770",
"#90665F",
"#7D554F",
"#6B453F",
"#C2A85C",
"#B0974D",
"#9E8640",
"#8A7434",
"#76632A",
"#625321",
"#7FA3A0",
"#6F938F",
"#60837F",
"#52736F",
"#44635F",
"#37534F",
"#8898A8",
"#788998",
"#697A88",
"#5A6B78",
"#4C5D68",
"#3E4E58"
]
}Hex list
#EDE3CF
#DFD2B8
#CFBF9E
#BCAA86
#A89470
#937F5C
#C49A95
#B38882
#A27770
#90665F
#7D554F
#6B453F
#C2A85C
#B0974D
#9E8640
#8A7434
#76632A
#625321
#7FA3A0
#6F938F
#60837F
#52736F
#44635F
#37534F
#8898A8
#788998
#697A88
#5A6B78
#4C5D68
#3E4E58