Midnight Gold Color Palette
Midnight celebration: champagne and gold against onyx black, with platinum silver and deep midnight navy. Glamorous and sparkling, made for the stroke of twelve — confetti, sequins, and toast flutes. For New Year's and gala graphics, luxe invitations, and festive 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 {
--new-years-gold-1: #F2E6C0;
--new-years-gold-2: #EBD9A4;
--new-years-gold-3: #E1C982;
--new-years-gold-4: #D4B563;
--new-years-gold-5: #C4A048;
--new-years-gold-6: #B18A33;
--new-years-gold-7: #C9A227;
--new-years-gold-8: #B89121;
--new-years-gold-9: #A6801B;
--new-years-gold-10: #937016;
--new-years-gold-11: #806012;
--new-years-gold-12: #6D500E;
--new-years-gold-13: #2A2823;
--new-years-gold-14: #221F1B;
--new-years-gold-15: #1A1814;
--new-years-gold-16: #13110E;
--new-years-gold-17: #0C0B08;
--new-years-gold-18: #060503;
--new-years-gold-19: #DEDDD6;
--new-years-gold-20: #C7C6BE;
--new-years-gold-21: #AFAEA7;
--new-years-gold-22: #97968F;
--new-years-gold-23: #7F7E78;
--new-years-gold-24: #686762;
--new-years-gold-25: #1E2A40;
--new-years-gold-26: #192438;
--new-years-gold-27: #141E30;
--new-years-gold-28: #0F1828;
--new-years-gold-29: #0B1220;
--new-years-gold-30: #070C16;
}SCSS
$new-years-gold-1: #F2E6C0;
$new-years-gold-2: #EBD9A4;
$new-years-gold-3: #E1C982;
$new-years-gold-4: #D4B563;
$new-years-gold-5: #C4A048;
$new-years-gold-6: #B18A33;
$new-years-gold-7: #C9A227;
$new-years-gold-8: #B89121;
$new-years-gold-9: #A6801B;
$new-years-gold-10: #937016;
$new-years-gold-11: #806012;
$new-years-gold-12: #6D500E;
$new-years-gold-13: #2A2823;
$new-years-gold-14: #221F1B;
$new-years-gold-15: #1A1814;
$new-years-gold-16: #13110E;
$new-years-gold-17: #0C0B08;
$new-years-gold-18: #060503;
$new-years-gold-19: #DEDDD6;
$new-years-gold-20: #C7C6BE;
$new-years-gold-21: #AFAEA7;
$new-years-gold-22: #97968F;
$new-years-gold-23: #7F7E78;
$new-years-gold-24: #686762;
$new-years-gold-25: #1E2A40;
$new-years-gold-26: #192438;
$new-years-gold-27: #141E30;
$new-years-gold-28: #0F1828;
$new-years-gold-29: #0B1220;
$new-years-gold-30: #070C16;Tailwind
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'new-years-gold': {
'1': '#F2E6C0',
'2': '#EBD9A4',
'3': '#E1C982',
'4': '#D4B563',
'5': '#C4A048',
'6': '#B18A33',
'7': '#C9A227',
'8': '#B89121',
'9': '#A6801B',
'10': '#937016',
'11': '#806012',
'12': '#6D500E',
'13': '#2A2823',
'14': '#221F1B',
'15': '#1A1814',
'16': '#13110E',
'17': '#0C0B08',
'18': '#060503',
'19': '#DEDDD6',
'20': '#C7C6BE',
'21': '#AFAEA7',
'22': '#97968F',
'23': '#7F7E78',
'24': '#686762',
'25': '#1E2A40',
'26': '#192438',
'27': '#141E30',
'28': '#0F1828',
'29': '#0B1220',
'30': '#070C16',
},
},
},
},
};JSON
{
"name": "Midnight Gold",
"colors": [
"#F2E6C0",
"#EBD9A4",
"#E1C982",
"#D4B563",
"#C4A048",
"#B18A33",
"#C9A227",
"#B89121",
"#A6801B",
"#937016",
"#806012",
"#6D500E",
"#2A2823",
"#221F1B",
"#1A1814",
"#13110E",
"#0C0B08",
"#060503",
"#DEDDD6",
"#C7C6BE",
"#AFAEA7",
"#97968F",
"#7F7E78",
"#686762",
"#1E2A40",
"#192438",
"#141E30",
"#0F1828",
"#0B1220",
"#070C16"
]
}Hex list
#F2E6C0
#EBD9A4
#E1C982
#D4B563
#C4A048
#B18A33
#C9A227
#B89121
#A6801B
#937016
#806012
#6D500E
#2A2823
#221F1B
#1A1814
#13110E
#0C0B08
#060503
#DEDDD6
#C7C6BE
#AFAEA7
#97968F
#7F7E78
#686762
#1E2A40
#192438
#141E30
#0F1828
#0B1220
#070C16