← Back to Tools
Generate electric midnight cyberpunk color palettes with neon glow effects, blending an absolute pitch-black sky background (#030307) with blinding radioactive purple (#BD00FF).
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--absolute-pitch-black-sky-background: #030307;
--absolute-pitch-black-sky-background-50: #f4f5f8;
--absolute-pitch-black-sky-background-100: #e5e5ea;
--absolute-pitch-black-sky-background-200: #c7c7d0;
--absolute-pitch-black-sky-background-300: #9fa0ad;
--absolute-pitch-black-sky-background-400: #6d6d7f;
--absolute-pitch-black-sky-background-500: #030307;
--absolute-pitch-black-sky-background-600: #161626;
--absolute-pitch-black-sky-background-700: #0c0c19;
--absolute-pitch-black-sky-background-800: #04040d;
--absolute-pitch-black-sky-background-900: #010104;
--absolute-pitch-black-sky-background-950: #000000;
--blinding-radioactive-purple: #BD00FF;
--blinding-radioactive-purple-50: #fff3ff;
--blinding-radioactive-purple-100: #ffe7ff;
--blinding-radioactive-purple-200: #ffceff;
--blinding-radioactive-purple-300: #ffacff;
--blinding-radioactive-purple-400: #ff7bff;
--blinding-radioactive-purple-500: #BD00FF;
--blinding-radioactive-purple-600: #c100de;
--blinding-radioactive-purple-700: #8f00a8;
--blinding-radioactive-purple-800: #5d0071;
--blinding-radioactive-purple-900: #30003d;
--blinding-radioactive-purple-950: #0b0010;
}
$absolute-pitch-black-sky-background: #030307; $absolute-pitch-black-sky-background-50: #f4f5f8; $absolute-pitch-black-sky-background-100: #e5e5ea; $absolute-pitch-black-sky-background-200: #c7c7d0; $absolute-pitch-black-sky-background-300: #9fa0ad; $absolute-pitch-black-sky-background-400: #6d6d7f; $absolute-pitch-black-sky-background-500: #030307; $absolute-pitch-black-sky-background-600: #161626; $absolute-pitch-black-sky-background-700: #0c0c19; $absolute-pitch-black-sky-background-800: #04040d; $absolute-pitch-black-sky-background-900: #010104; $absolute-pitch-black-sky-background-950: #000000; $blinding-radioactive-purple: #BD00FF; $blinding-radioactive-purple-50: #fff3ff; $blinding-radioactive-purple-100: #ffe7ff; $blinding-radioactive-purple-200: #ffceff; $blinding-radioactive-purple-300: #ffacff; $blinding-radioactive-purple-400: #ff7bff; $blinding-radioactive-purple-500: #BD00FF; $blinding-radioactive-purple-600: #c100de; $blinding-radioactive-purple-700: #8f00a8; $blinding-radioactive-purple-800: #5d0071; $blinding-radioactive-purple-900: #30003d; $blinding-radioactive-purple-950: #0b0010;
colors: {
'absolute-pitch-black-sky-background': {
50: '#f4f5f8',
100: '#e5e5ea',
200: '#c7c7d0',
300: '#9fa0ad',
400: '#6d6d7f',
500: '#030307',
600: '#161626',
700: '#0c0c19',
800: '#04040d',
900: '#010104',
950: '#000000',
DEFAULT: '#030307',
},
'blinding-radioactive-purple': {
50: '#fff3ff',
100: '#ffe7ff',
200: '#ffceff',
300: '#ffacff',
400: '#ff7bff',
500: '#BD00FF',
600: '#c100de',
700: '#8f00a8',
800: '#5d0071',
900: '#30003d',
950: '#0b0010',
DEFAULT: '#BD00FF',
},
},
[
{
"name": "absolute-pitch-black-sky-background",
"harmony": "Palette",
"hex": "#030307",
"rgb": {
"r": 3,
"g": 3,
"b": 7
},
"hsl": {
"h": 240,
"s": 40,
"l": 2
},
"value": "#030307",
"tonalScale": {
"50": {
"hex": "#f4f5f8",
"rgb": {
"r": 244,
"g": 245,
"b": 248
}
},
"100": {
"hex": "#e5e5ea",
"rgb": {
"r": 229,
"g": 229,
"b": 234
}
},
"200": {
"hex": "#c7c7d0",
"rgb": {
"r": 199,
"g": 199,
"b": 208
}
},
"300": {
"hex": "#9fa0ad",
"rgb": {
"r": 159,
"g": 160,
"b": 173
}
},
"400": {
"hex": "#6d6d7f",
"rgb": {
"r": 109,
"g": 109,
"b": 127
}
},
"500": {
"hex": "#030307",
"rgb": {
"r": 3,
"g": 3,
"b": 7
}
},
"600": {
"hex": "#161626",
"rgb": {
"r": 22,
"g": 22,
"b": 38
}
},
"700": {
"hex": "#0c0c19",
"rgb": {
"r": 12,
"g": 12,
"b": 25
}
},
"800": {
"hex": "#04040d",
"rgb": {
"r": 4,
"g": 4,
"b": 13
}
},
"900": {
"hex": "#010104",
"rgb": {
"r": 1,
"g": 1,
"b": 4
}
},
"950": {
"hex": "#000000",
"rgb": {
"r": 0,
"g": 0,
"b": 0
}
}
}
},
{
"name": "blinding-radioactive-purple",
"harmony": "Palette",
"hex": "#BD00FF",
"rgb": {
"r": 189,
"g": 0,
"b": 255
},
"hsl": {
"h": 284,
"s": 100,
"l": 50
},
"value": "#BD00FF",
"tonalScale": {
"50": {
"hex": "#fff3ff",
"rgb": {
"r": 255,
"g": 243,
"b": 255
}
},
"100": {
"hex": "#ffe7ff",
"rgb": {
"r": 255,
"g": 231,
"b": 255
}
},
"200": {
"hex": "#ffceff",
"rgb": {
"r": 255,
"g": 206,
"b": 255
}
},
"300": {
"hex": "#ffacff",
"rgb": {
"r": 255,
"g": 172,
"b": 255
}
},
"400": {
"hex": "#ff7bff",
"rgb": {
"r": 255,
"g": 123,
"b": 255
}
},
"500": {
"hex": "#BD00FF",
"rgb": {
"r": 189,
"g": 0,
"b": 255
}
},
"600": {
"hex": "#c100de",
"rgb": {
"r": 193,
"g": 0,
"b": 222
}
},
"700": {
"hex": "#8f00a8",
"rgb": {
"r": 143,
"g": 0,
"b": 168
}
},
"800": {
"hex": "#5d0071",
"rgb": {
"r": 93,
"g": 0,
"b": 113
}
},
"900": {
"hex": "#30003d",
"rgb": {
"r": 48,
"g": 0,
"b": 61
}
},
"950": {
"hex": "#0b0010",
"rgb": {
"r": 11,
"g": 0,
"b": 16
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 absolute-pitch-black-sky-background,Palette,#030307,"rgb(3, 3, 7)","hsl(240, 40%, 2%)",#030307,#f4f5f8,#e5e5ea,#c7c7d0,#9fa0ad,#6d6d7f,#030307,#161626,#0c0c19,#04040d,#010104,#000000 blinding-radioactive-purple,Palette,#BD00FF,"rgb(189, 0, 255)","hsl(284, 100%, 50%)",#BD00FF,#fff3ff,#ffe7ff,#ffceff,#ffacff,#ff7bff,#BD00FF,#c100de,#8f00a8,#5d0071,#30003d,#0b0010
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 3 3 7 absolute-pitch-black-sky-background 244 245 248 absolute-pitch-black-sky-background-50 229 229 234 absolute-pitch-black-sky-background-100 199 199 208 absolute-pitch-black-sky-background-200 159 160 173 absolute-pitch-black-sky-background-300 109 109 127 absolute-pitch-black-sky-background-400 3 3 7 absolute-pitch-black-sky-background-500 22 22 38 absolute-pitch-black-sky-background-600 12 12 25 absolute-pitch-black-sky-background-700 4 4 13 absolute-pitch-black-sky-background-800 1 1 4 absolute-pitch-black-sky-background-900 0 0 0 absolute-pitch-black-sky-background-950 189 0 255 blinding-radioactive-purple 255 243 255 blinding-radioactive-purple-50 255 231 255 blinding-radioactive-purple-100 255 206 255 blinding-radioactive-purple-200 255 172 255 blinding-radioactive-purple-300 255 123 255 blinding-radioactive-purple-400 189 0 255 blinding-radioactive-purple-500 193 0 222 blinding-radioactive-purple-600 143 0 168 blinding-radioactive-purple-700 93 0 113 blinding-radioactive-purple-800 48 0 61 blinding-radioactive-purple-900 11 0 16 blinding-radioactive-purple-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.