← Back to Tools
Create authentic 80s retrowave color palettes with synthwave vibes, matching neon sunset purple (#3A0066), blazing hot pink (#FF007F), and deep grid line indigo (#1A0033).
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--neon-sunset-purple: #3A0066;
--neon-sunset-purple-50: #fff3ff;
--neon-sunset-purple-100: #f9e5ff;
--neon-sunset-purple-200: #ecc9fc;
--neon-sunset-purple-300: #daa3f2;
--neon-sunset-purple-400: #be70df;
--neon-sunset-purple-500: #3A0066;
--neon-sunset-purple-600: #700094;
--neon-sunset-purple-700: #520070;
--neon-sunset-purple-800: #33004a;
--neon-sunset-purple-900: #180026;
--neon-sunset-purple-950: #030007;
--blazing-hot-pink: #FF007F;
--blazing-hot-pink-50: #fff2ff;
--blazing-hot-pink-100: #ffe5fd;
--blazing-hot-pink-200: #ffcdf6;
--blazing-hot-pink-300: #ffaaed;
--blazing-hot-pink-400: #ff78de;
--blazing-hot-pink-500: #FF007F;
--blazing-hot-pink-600: #dd00a0;
--blazing-hot-pink-700: #a50074;
--blazing-hot-pink-800: #6d0049;
--blazing-hot-pink-900: #3a0024;
--blazing-hot-pink-950: #0e0006;
--deep-grid-line-indigo: #1A0033;
--deep-grid-line-indigo-50: #fbf3ff;
--deep-grid-line-indigo-100: #f2e3fb;
--deep-grid-line-indigo-200: #dec5ee;
--deep-grid-line-indigo-300: #c59edc;
--deep-grid-line-indigo-400: #a069bf;
--deep-grid-line-indigo-500: #1A0033;
--deep-grid-line-indigo-600: #4c006b;
--deep-grid-line-indigo-700: #360050;
--deep-grid-line-indigo-800: #210034;
--deep-grid-line-indigo-900: #0d001a;
--deep-grid-line-indigo-950: #010004;
}
$neon-sunset-purple: #3A0066; $neon-sunset-purple-50: #fff3ff; $neon-sunset-purple-100: #f9e5ff; $neon-sunset-purple-200: #ecc9fc; $neon-sunset-purple-300: #daa3f2; $neon-sunset-purple-400: #be70df; $neon-sunset-purple-500: #3A0066; $neon-sunset-purple-600: #700094; $neon-sunset-purple-700: #520070; $neon-sunset-purple-800: #33004a; $neon-sunset-purple-900: #180026; $neon-sunset-purple-950: #030007; $blazing-hot-pink: #FF007F; $blazing-hot-pink-50: #fff2ff; $blazing-hot-pink-100: #ffe5fd; $blazing-hot-pink-200: #ffcdf6; $blazing-hot-pink-300: #ffaaed; $blazing-hot-pink-400: #ff78de; $blazing-hot-pink-500: #FF007F; $blazing-hot-pink-600: #dd00a0; $blazing-hot-pink-700: #a50074; $blazing-hot-pink-800: #6d0049; $blazing-hot-pink-900: #3a0024; $blazing-hot-pink-950: #0e0006; $deep-grid-line-indigo: #1A0033; $deep-grid-line-indigo-50: #fbf3ff; $deep-grid-line-indigo-100: #f2e3fb; $deep-grid-line-indigo-200: #dec5ee; $deep-grid-line-indigo-300: #c59edc; $deep-grid-line-indigo-400: #a069bf; $deep-grid-line-indigo-500: #1A0033; $deep-grid-line-indigo-600: #4c006b; $deep-grid-line-indigo-700: #360050; $deep-grid-line-indigo-800: #210034; $deep-grid-line-indigo-900: #0d001a; $deep-grid-line-indigo-950: #010004;
colors: {
'neon-sunset-purple': {
50: '#fff3ff',
100: '#f9e5ff',
200: '#ecc9fc',
300: '#daa3f2',
400: '#be70df',
500: '#3A0066',
600: '#700094',
700: '#520070',
800: '#33004a',
900: '#180026',
950: '#030007',
DEFAULT: '#3A0066',
},
'blazing-hot-pink': {
50: '#fff2ff',
100: '#ffe5fd',
200: '#ffcdf6',
300: '#ffaaed',
400: '#ff78de',
500: '#FF007F',
600: '#dd00a0',
700: '#a50074',
800: '#6d0049',
900: '#3a0024',
950: '#0e0006',
DEFAULT: '#FF007F',
},
'deep-grid-line-indigo': {
50: '#fbf3ff',
100: '#f2e3fb',
200: '#dec5ee',
300: '#c59edc',
400: '#a069bf',
500: '#1A0033',
600: '#4c006b',
700: '#360050',
800: '#210034',
900: '#0d001a',
950: '#010004',
DEFAULT: '#1A0033',
},
},
[
{
"name": "neon-sunset-purple",
"harmony": "Palette",
"hex": "#3A0066",
"rgb": {
"r": 58,
"g": 0,
"b": 102
},
"hsl": {
"h": 274,
"s": 100,
"l": 20
},
"value": "#3A0066",
"tonalScale": {
"50": {
"hex": "#fff3ff",
"rgb": {
"r": 255,
"g": 243,
"b": 255
}
},
"100": {
"hex": "#f9e5ff",
"rgb": {
"r": 249,
"g": 229,
"b": 255
}
},
"200": {
"hex": "#ecc9fc",
"rgb": {
"r": 236,
"g": 201,
"b": 252
}
},
"300": {
"hex": "#daa3f2",
"rgb": {
"r": 218,
"g": 163,
"b": 242
}
},
"400": {
"hex": "#be70df",
"rgb": {
"r": 190,
"g": 112,
"b": 223
}
},
"500": {
"hex": "#3A0066",
"rgb": {
"r": 58,
"g": 0,
"b": 102
}
},
"600": {
"hex": "#700094",
"rgb": {
"r": 112,
"g": 0,
"b": 148
}
},
"700": {
"hex": "#520070",
"rgb": {
"r": 82,
"g": 0,
"b": 112
}
},
"800": {
"hex": "#33004a",
"rgb": {
"r": 51,
"g": 0,
"b": 74
}
},
"900": {
"hex": "#180026",
"rgb": {
"r": 24,
"g": 0,
"b": 38
}
},
"950": {
"hex": "#030007",
"rgb": {
"r": 3,
"g": 0,
"b": 7
}
}
}
},
{
"name": "blazing-hot-pink",
"harmony": "Palette",
"hex": "#FF007F",
"rgb": {
"r": 255,
"g": 0,
"b": 127
},
"hsl": {
"h": 330,
"s": 100,
"l": 50
},
"value": "#FF007F",
"tonalScale": {
"50": {
"hex": "#fff2ff",
"rgb": {
"r": 255,
"g": 242,
"b": 255
}
},
"100": {
"hex": "#ffe5fd",
"rgb": {
"r": 255,
"g": 229,
"b": 253
}
},
"200": {
"hex": "#ffcdf6",
"rgb": {
"r": 255,
"g": 205,
"b": 246
}
},
"300": {
"hex": "#ffaaed",
"rgb": {
"r": 255,
"g": 170,
"b": 237
}
},
"400": {
"hex": "#ff78de",
"rgb": {
"r": 255,
"g": 120,
"b": 222
}
},
"500": {
"hex": "#FF007F",
"rgb": {
"r": 255,
"g": 0,
"b": 127
}
},
"600": {
"hex": "#dd00a0",
"rgb": {
"r": 221,
"g": 0,
"b": 160
}
},
"700": {
"hex": "#a50074",
"rgb": {
"r": 165,
"g": 0,
"b": 116
}
},
"800": {
"hex": "#6d0049",
"rgb": {
"r": 109,
"g": 0,
"b": 73
}
},
"900": {
"hex": "#3a0024",
"rgb": {
"r": 58,
"g": 0,
"b": 36
}
},
"950": {
"hex": "#0e0006",
"rgb": {
"r": 14,
"g": 0,
"b": 6
}
}
}
},
{
"name": "deep-grid-line-indigo",
"harmony": "Palette",
"hex": "#1A0033",
"rgb": {
"r": 26,
"g": 0,
"b": 51
},
"hsl": {
"h": 271,
"s": 100,
"l": 10
},
"value": "#1A0033",
"tonalScale": {
"50": {
"hex": "#fbf3ff",
"rgb": {
"r": 251,
"g": 243,
"b": 255
}
},
"100": {
"hex": "#f2e3fb",
"rgb": {
"r": 242,
"g": 227,
"b": 251
}
},
"200": {
"hex": "#dec5ee",
"rgb": {
"r": 222,
"g": 197,
"b": 238
}
},
"300": {
"hex": "#c59edc",
"rgb": {
"r": 197,
"g": 158,
"b": 220
}
},
"400": {
"hex": "#a069bf",
"rgb": {
"r": 160,
"g": 105,
"b": 191
}
},
"500": {
"hex": "#1A0033",
"rgb": {
"r": 26,
"g": 0,
"b": 51
}
},
"600": {
"hex": "#4c006b",
"rgb": {
"r": 76,
"g": 0,
"b": 107
}
},
"700": {
"hex": "#360050",
"rgb": {
"r": 54,
"g": 0,
"b": 80
}
},
"800": {
"hex": "#210034",
"rgb": {
"r": 33,
"g": 0,
"b": 52
}
},
"900": {
"hex": "#0d001a",
"rgb": {
"r": 13,
"g": 0,
"b": 26
}
},
"950": {
"hex": "#010004",
"rgb": {
"r": 1,
"g": 0,
"b": 4
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 neon-sunset-purple,Palette,#3A0066,"rgb(58, 0, 102)","hsl(274, 100%, 20%)",#3A0066,#fff3ff,#f9e5ff,#ecc9fc,#daa3f2,#be70df,#3A0066,#700094,#520070,#33004a,#180026,#030007 blazing-hot-pink,Palette,#FF007F,"rgb(255, 0, 127)","hsl(330, 100%, 50%)",#FF007F,#fff2ff,#ffe5fd,#ffcdf6,#ffaaed,#ff78de,#FF007F,#dd00a0,#a50074,#6d0049,#3a0024,#0e0006 deep-grid-line-indigo,Palette,#1A0033,"rgb(26, 0, 51)","hsl(271, 100%, 10%)",#1A0033,#fbf3ff,#f2e3fb,#dec5ee,#c59edc,#a069bf,#1A0033,#4c006b,#360050,#210034,#0d001a,#010004
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 58 0 102 neon-sunset-purple 255 243 255 neon-sunset-purple-50 249 229 255 neon-sunset-purple-100 236 201 252 neon-sunset-purple-200 218 163 242 neon-sunset-purple-300 190 112 223 neon-sunset-purple-400 58 0 102 neon-sunset-purple-500 112 0 148 neon-sunset-purple-600 82 0 112 neon-sunset-purple-700 51 0 74 neon-sunset-purple-800 24 0 38 neon-sunset-purple-900 3 0 7 neon-sunset-purple-950 255 0 127 blazing-hot-pink 255 242 255 blazing-hot-pink-50 255 229 253 blazing-hot-pink-100 255 205 246 blazing-hot-pink-200 255 170 237 blazing-hot-pink-300 255 120 222 blazing-hot-pink-400 255 0 127 blazing-hot-pink-500 221 0 160 blazing-hot-pink-600 165 0 116 blazing-hot-pink-700 109 0 73 blazing-hot-pink-800 58 0 36 blazing-hot-pink-900 14 0 6 blazing-hot-pink-950 26 0 51 deep-grid-line-indigo 251 243 255 deep-grid-line-indigo-50 242 227 251 deep-grid-line-indigo-100 222 197 238 deep-grid-line-indigo-200 197 158 220 deep-grid-line-indigo-300 160 105 191 deep-grid-line-indigo-400 26 0 51 deep-grid-line-indigo-500 76 0 107 deep-grid-line-indigo-600 54 0 80 deep-grid-line-indigo-700 33 0 52 deep-grid-line-indigo-800 13 0 26 deep-grid-line-indigo-900 1 0 4 deep-grid-line-indigo-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.