Old Manuscript Color Palette
Dark academia's airy daytime counterpart — ivory and cream, warm taupe, dusty sage, faded rose, and soft cocoa. Think sunlit lecture halls, linen, and old manuscripts rather than candlelight and shadow. A gentle, cohesive neutral set for calm editorial layouts and romantic, nostalgic illustration.
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 {
--light-academia-1: #F6EFDF;
--light-academia-2: #EFE5CF;
--light-academia-3: #E7DABE;
--light-academia-4: #DECEAC;
--light-academia-5: #D4C19A;
--light-academia-6: #C9B388;
--light-academia-7: #C2AE8F;
--light-academia-8: #B29C7B;
--light-academia-9: #A28A69;
--light-academia-10: #917858;
--light-academia-11: #806749;
--light-academia-12: #6F573B;
--light-academia-13: #C3C6A8;
--light-academia-14: #B0B492;
--light-academia-15: #9CA17C;
--light-academia-16: #888E68;
--light-academia-17: #737A55;
--light-academia-18: #5F6644;
--light-academia-19: #D9BBB2;
--light-academia-20: #C8A59C;
--light-academia-21: #B58E86;
--light-academia-22: #A17872;
--light-academia-23: #8C645F;
--light-academia-24: #77514D;
--light-academia-25: #B69A7E;
--light-academia-26: #A4876B;
--light-academia-27: #917459;
--light-academia-28: #7E6248;
--light-academia-29: #6B5139;
--light-academia-30: #58412C;
}SCSS
$light-academia-1: #F6EFDF;
$light-academia-2: #EFE5CF;
$light-academia-3: #E7DABE;
$light-academia-4: #DECEAC;
$light-academia-5: #D4C19A;
$light-academia-6: #C9B388;
$light-academia-7: #C2AE8F;
$light-academia-8: #B29C7B;
$light-academia-9: #A28A69;
$light-academia-10: #917858;
$light-academia-11: #806749;
$light-academia-12: #6F573B;
$light-academia-13: #C3C6A8;
$light-academia-14: #B0B492;
$light-academia-15: #9CA17C;
$light-academia-16: #888E68;
$light-academia-17: #737A55;
$light-academia-18: #5F6644;
$light-academia-19: #D9BBB2;
$light-academia-20: #C8A59C;
$light-academia-21: #B58E86;
$light-academia-22: #A17872;
$light-academia-23: #8C645F;
$light-academia-24: #77514D;
$light-academia-25: #B69A7E;
$light-academia-26: #A4876B;
$light-academia-27: #917459;
$light-academia-28: #7E6248;
$light-academia-29: #6B5139;
$light-academia-30: #58412C;Tailwind
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'light-academia': {
'1': '#F6EFDF',
'2': '#EFE5CF',
'3': '#E7DABE',
'4': '#DECEAC',
'5': '#D4C19A',
'6': '#C9B388',
'7': '#C2AE8F',
'8': '#B29C7B',
'9': '#A28A69',
'10': '#917858',
'11': '#806749',
'12': '#6F573B',
'13': '#C3C6A8',
'14': '#B0B492',
'15': '#9CA17C',
'16': '#888E68',
'17': '#737A55',
'18': '#5F6644',
'19': '#D9BBB2',
'20': '#C8A59C',
'21': '#B58E86',
'22': '#A17872',
'23': '#8C645F',
'24': '#77514D',
'25': '#B69A7E',
'26': '#A4876B',
'27': '#917459',
'28': '#7E6248',
'29': '#6B5139',
'30': '#58412C',
},
},
},
},
};JSON
{
"name": "Old Manuscript",
"colors": [
"#F6EFDF",
"#EFE5CF",
"#E7DABE",
"#DECEAC",
"#D4C19A",
"#C9B388",
"#C2AE8F",
"#B29C7B",
"#A28A69",
"#917858",
"#806749",
"#6F573B",
"#C3C6A8",
"#B0B492",
"#9CA17C",
"#888E68",
"#737A55",
"#5F6644",
"#D9BBB2",
"#C8A59C",
"#B58E86",
"#A17872",
"#8C645F",
"#77514D",
"#B69A7E",
"#A4876B",
"#917459",
"#7E6248",
"#6B5139",
"#58412C"
]
}Hex list
#F6EFDF
#EFE5CF
#E7DABE
#DECEAC
#D4C19A
#C9B388
#C2AE8F
#B29C7B
#A28A69
#917858
#806749
#6F573B
#C3C6A8
#B0B492
#9CA17C
#888E68
#737A55
#5F6644
#D9BBB2
#C8A59C
#B58E86
#A17872
#8C645F
#77514D
#B69A7E
#A4876B
#917459
#7E6248
#6B5139
#58412C