Galaxy Nebula Color Palette
Deep space and a glowing nebula: black and midnight navy lit by clouds of purple, magenta, and electric blue, dusted with star-pink. Vivid against the dark, made for cosmic depth and that Hubble-photo glow. For galaxy and space art, sci-fi design, and starry backgrounds.
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 {
--galaxy-nebula-1: #0A0A1A;
--galaxy-nebula-2: #090916;
--galaxy-nebula-3: #070712;
--galaxy-nebula-4: #05050E;
--galaxy-nebula-5: #04040A;
--galaxy-nebula-6: #020206;
--galaxy-nebula-7: #5A2E8C;
--galaxy-nebula-8: #4F2880;
--galaxy-nebula-9: #442274;
--galaxy-nebula-10: #3A1C66;
--galaxy-nebula-11: #301758;
--galaxy-nebula-12: #26124A;
--galaxy-nebula-13: #B83A8C;
--galaxy-nebula-14: #A8327E;
--galaxy-nebula-15: #982A70;
--galaxy-nebula-16: #862362;
--galaxy-nebula-17: #741D54;
--galaxy-nebula-18: #621746;
--galaxy-nebula-19: #2E4ABE;
--galaxy-nebula-20: #2840AE;
--galaxy-nebula-21: #22389E;
--galaxy-nebula-22: #1D308C;
--galaxy-nebula-23: #18287A;
--galaxy-nebula-24: #132068;
--galaxy-nebula-25: #E8BEE0;
--galaxy-nebula-26: #D9A6D2;
--galaxy-nebula-27: #C88EC2;
--galaxy-nebula-28: #B478B0;
--galaxy-nebula-29: #9E649C;
--galaxy-nebula-30: #865286;
}SCSS
$galaxy-nebula-1: #0A0A1A;
$galaxy-nebula-2: #090916;
$galaxy-nebula-3: #070712;
$galaxy-nebula-4: #05050E;
$galaxy-nebula-5: #04040A;
$galaxy-nebula-6: #020206;
$galaxy-nebula-7: #5A2E8C;
$galaxy-nebula-8: #4F2880;
$galaxy-nebula-9: #442274;
$galaxy-nebula-10: #3A1C66;
$galaxy-nebula-11: #301758;
$galaxy-nebula-12: #26124A;
$galaxy-nebula-13: #B83A8C;
$galaxy-nebula-14: #A8327E;
$galaxy-nebula-15: #982A70;
$galaxy-nebula-16: #862362;
$galaxy-nebula-17: #741D54;
$galaxy-nebula-18: #621746;
$galaxy-nebula-19: #2E4ABE;
$galaxy-nebula-20: #2840AE;
$galaxy-nebula-21: #22389E;
$galaxy-nebula-22: #1D308C;
$galaxy-nebula-23: #18287A;
$galaxy-nebula-24: #132068;
$galaxy-nebula-25: #E8BEE0;
$galaxy-nebula-26: #D9A6D2;
$galaxy-nebula-27: #C88EC2;
$galaxy-nebula-28: #B478B0;
$galaxy-nebula-29: #9E649C;
$galaxy-nebula-30: #865286;Tailwind
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'galaxy-nebula': {
'1': '#0A0A1A',
'2': '#090916',
'3': '#070712',
'4': '#05050E',
'5': '#04040A',
'6': '#020206',
'7': '#5A2E8C',
'8': '#4F2880',
'9': '#442274',
'10': '#3A1C66',
'11': '#301758',
'12': '#26124A',
'13': '#B83A8C',
'14': '#A8327E',
'15': '#982A70',
'16': '#862362',
'17': '#741D54',
'18': '#621746',
'19': '#2E4ABE',
'20': '#2840AE',
'21': '#22389E',
'22': '#1D308C',
'23': '#18287A',
'24': '#132068',
'25': '#E8BEE0',
'26': '#D9A6D2',
'27': '#C88EC2',
'28': '#B478B0',
'29': '#9E649C',
'30': '#865286',
},
},
},
},
};JSON
{
"name": "Galaxy Nebula",
"colors": [
"#0A0A1A",
"#090916",
"#070712",
"#05050E",
"#04040A",
"#020206",
"#5A2E8C",
"#4F2880",
"#442274",
"#3A1C66",
"#301758",
"#26124A",
"#B83A8C",
"#A8327E",
"#982A70",
"#862362",
"#741D54",
"#621746",
"#2E4ABE",
"#2840AE",
"#22389E",
"#1D308C",
"#18287A",
"#132068",
"#E8BEE0",
"#D9A6D2",
"#C88EC2",
"#B478B0",
"#9E649C",
"#865286"
]
}Hex list
#0A0A1A
#090916
#070712
#05050E
#04040A
#020206
#5A2E8C
#4F2880
#442274
#3A1C66
#301758
#26124A
#B83A8C
#A8327E
#982A70
#862362
#741D54
#621746
#2E4ABE
#2840AE
#22389E
#1D308C
#18287A
#132068
#E8BEE0
#D9A6D2
#C88EC2
#B478B0
#9E649C
#865286