Starry Night Color Palette
A swirling night sky in the painterly tradition: deep indigo and teal-blue eddies lit by gold-yellow stars and a pale moon, grounded by dark cypress green. Romantic and post-impressionist, equal parts calm and turbulent. For night scenes, painterly illustration, and dreamy skies.
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 {
--starry-night-1: #1A2A52;
--starry-night-2: #16244A;
--starry-night-3: #121E42;
--starry-night-4: #0F1838;
--starry-night-5: #0B1330;
--starry-night-6: #080E26;
--starry-night-7: #2E5A8C;
--starry-night-8: #285080;
--starry-night-9: #234674;
--starry-night-10: #1E3C66;
--starry-night-11: #193258;
--starry-night-12: #14284A;
--starry-night-13: #E8C84A;
--starry-night-14: #DCB93E;
--starry-night-15: #CDAA34;
--starry-night-16: #BC982B;
--starry-night-17: #A88523;
--starry-night-18: #94731B;
--starry-night-19: #EDE6C2;
--starry-night-20: #DFD4A4;
--starry-night-21: #CFC186;
--starry-night-22: #BDAB6A;
--starry-night-23: #A99452;
--starry-night-24: #94803E;
--starry-night-25: #2A3A2E;
--starry-night-26: #243228;
--starry-night-27: #1E2A22;
--starry-night-28: #18221C;
--starry-night-29: #121A16;
--starry-night-30: #0C1210;
}SCSS
$starry-night-1: #1A2A52;
$starry-night-2: #16244A;
$starry-night-3: #121E42;
$starry-night-4: #0F1838;
$starry-night-5: #0B1330;
$starry-night-6: #080E26;
$starry-night-7: #2E5A8C;
$starry-night-8: #285080;
$starry-night-9: #234674;
$starry-night-10: #1E3C66;
$starry-night-11: #193258;
$starry-night-12: #14284A;
$starry-night-13: #E8C84A;
$starry-night-14: #DCB93E;
$starry-night-15: #CDAA34;
$starry-night-16: #BC982B;
$starry-night-17: #A88523;
$starry-night-18: #94731B;
$starry-night-19: #EDE6C2;
$starry-night-20: #DFD4A4;
$starry-night-21: #CFC186;
$starry-night-22: #BDAB6A;
$starry-night-23: #A99452;
$starry-night-24: #94803E;
$starry-night-25: #2A3A2E;
$starry-night-26: #243228;
$starry-night-27: #1E2A22;
$starry-night-28: #18221C;
$starry-night-29: #121A16;
$starry-night-30: #0C1210;Tailwind
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'starry-night': {
'1': '#1A2A52',
'2': '#16244A',
'3': '#121E42',
'4': '#0F1838',
'5': '#0B1330',
'6': '#080E26',
'7': '#2E5A8C',
'8': '#285080',
'9': '#234674',
'10': '#1E3C66',
'11': '#193258',
'12': '#14284A',
'13': '#E8C84A',
'14': '#DCB93E',
'15': '#CDAA34',
'16': '#BC982B',
'17': '#A88523',
'18': '#94731B',
'19': '#EDE6C2',
'20': '#DFD4A4',
'21': '#CFC186',
'22': '#BDAB6A',
'23': '#A99452',
'24': '#94803E',
'25': '#2A3A2E',
'26': '#243228',
'27': '#1E2A22',
'28': '#18221C',
'29': '#121A16',
'30': '#0C1210',
},
},
},
},
};JSON
{
"name": "Starry Night",
"colors": [
"#1A2A52",
"#16244A",
"#121E42",
"#0F1838",
"#0B1330",
"#080E26",
"#2E5A8C",
"#285080",
"#234674",
"#1E3C66",
"#193258",
"#14284A",
"#E8C84A",
"#DCB93E",
"#CDAA34",
"#BC982B",
"#A88523",
"#94731B",
"#EDE6C2",
"#DFD4A4",
"#CFC186",
"#BDAB6A",
"#A99452",
"#94803E",
"#2A3A2E",
"#243228",
"#1E2A22",
"#18221C",
"#121A16",
"#0C1210"
]
}Hex list
#1A2A52
#16244A
#121E42
#0F1838
#0B1330
#080E26
#2E5A8C
#285080
#234674
#1E3C66
#193258
#14284A
#E8C84A
#DCB93E
#CDAA34
#BC982B
#A88523
#94731B
#EDE6C2
#DFD4A4
#CFC186
#BDAB6A
#A99452
#94803E
#2A3A2E
#243228
#1E2A22
#18221C
#121A16
#0C1210