← Back to Tools
Generate maximum saturation and strict lightness for blinding neon duos, forcing a clash between toxic green (#39FF14) and hot laser pink (#FF007F).
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--toxic-green: #39FF14;
--toxic-green-50: #f5fff0;
--toxic-green-100: #ecffe5;
--toxic-green-200: #dcffcf;
--toxic-green-300: #c6ffb0;
--toxic-green-400: #a8ff88;
--toxic-green-500: #39FF14;
--toxic-green-600: #64d92e;
--toxic-green-700: #349c00;
--toxic-green-800: #076200;
--toxic-green-900: #003100;
--toxic-green-950: #000b00;
--hot-laser-pink: #FF007F;
--hot-laser-pink-50: #fff2ff;
--hot-laser-pink-100: #ffe5fd;
--hot-laser-pink-200: #ffcdf6;
--hot-laser-pink-300: #ffaaed;
--hot-laser-pink-400: #ff78de;
--hot-laser-pink-500: #FF007F;
--hot-laser-pink-600: #dd00a0;
--hot-laser-pink-700: #a50074;
--hot-laser-pink-800: #6d0049;
--hot-laser-pink-900: #3a0024;
--hot-laser-pink-950: #0e0006;
}
$toxic-green: #39FF14; $toxic-green-50: #f5fff0; $toxic-green-100: #ecffe5; $toxic-green-200: #dcffcf; $toxic-green-300: #c6ffb0; $toxic-green-400: #a8ff88; $toxic-green-500: #39FF14; $toxic-green-600: #64d92e; $toxic-green-700: #349c00; $toxic-green-800: #076200; $toxic-green-900: #003100; $toxic-green-950: #000b00; $hot-laser-pink: #FF007F; $hot-laser-pink-50: #fff2ff; $hot-laser-pink-100: #ffe5fd; $hot-laser-pink-200: #ffcdf6; $hot-laser-pink-300: #ffaaed; $hot-laser-pink-400: #ff78de; $hot-laser-pink-500: #FF007F; $hot-laser-pink-600: #dd00a0; $hot-laser-pink-700: #a50074; $hot-laser-pink-800: #6d0049; $hot-laser-pink-900: #3a0024; $hot-laser-pink-950: #0e0006;
colors: {
'toxic-green': {
50: '#f5fff0',
100: '#ecffe5',
200: '#dcffcf',
300: '#c6ffb0',
400: '#a8ff88',
500: '#39FF14',
600: '#64d92e',
700: '#349c00',
800: '#076200',
900: '#003100',
950: '#000b00',
DEFAULT: '#39FF14',
},
'hot-laser-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',
},
},
[
{
"name": "toxic-green",
"harmony": "Palette",
"hex": "#39FF14",
"rgb": {
"r": 57,
"g": 255,
"b": 20
},
"hsl": {
"h": 111,
"s": 100,
"l": 54
},
"value": "#39FF14",
"tonalScale": {
"50": {
"hex": "#f5fff0",
"rgb": {
"r": 245,
"g": 255,
"b": 240
}
},
"100": {
"hex": "#ecffe5",
"rgb": {
"r": 236,
"g": 255,
"b": 229
}
},
"200": {
"hex": "#dcffcf",
"rgb": {
"r": 220,
"g": 255,
"b": 207
}
},
"300": {
"hex": "#c6ffb0",
"rgb": {
"r": 198,
"g": 255,
"b": 176
}
},
"400": {
"hex": "#a8ff88",
"rgb": {
"r": 168,
"g": 255,
"b": 136
}
},
"500": {
"hex": "#39FF14",
"rgb": {
"r": 57,
"g": 255,
"b": 20
}
},
"600": {
"hex": "#64d92e",
"rgb": {
"r": 100,
"g": 217,
"b": 46
}
},
"700": {
"hex": "#349c00",
"rgb": {
"r": 52,
"g": 156,
"b": 0
}
},
"800": {
"hex": "#076200",
"rgb": {
"r": 7,
"g": 98,
"b": 0
}
},
"900": {
"hex": "#003100",
"rgb": {
"r": 0,
"g": 49,
"b": 0
}
},
"950": {
"hex": "#000b00",
"rgb": {
"r": 0,
"g": 11,
"b": 0
}
}
}
},
{
"name": "hot-laser-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,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 toxic-green,Palette,#39FF14,"rgb(57, 255, 20)","hsl(111, 100%, 54%)",#39FF14,#f5fff0,#ecffe5,#dcffcf,#c6ffb0,#a8ff88,#39FF14,#64d92e,#349c00,#076200,#003100,#000b00 hot-laser-pink,Palette,#FF007F,"rgb(255, 0, 127)","hsl(330, 100%, 50%)",#FF007F,#fff2ff,#ffe5fd,#ffcdf6,#ffaaed,#ff78de,#FF007F,#dd00a0,#a50074,#6d0049,#3a0024,#0e0006
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 57 255 20 toxic-green 245 255 240 toxic-green-50 236 255 229 toxic-green-100 220 255 207 toxic-green-200 198 255 176 toxic-green-300 168 255 136 toxic-green-400 57 255 20 toxic-green-500 100 217 46 toxic-green-600 52 156 0 toxic-green-700 7 98 0 toxic-green-800 0 49 0 toxic-green-900 0 11 0 toxic-green-950 255 0 127 hot-laser-pink 255 242 255 hot-laser-pink-50 255 229 253 hot-laser-pink-100 255 205 246 hot-laser-pink-200 255 170 237 hot-laser-pink-300 255 120 222 hot-laser-pink-400 255 0 127 hot-laser-pink-500 221 0 160 hot-laser-pink-600 165 0 116 hot-laser-pink-700 109 0 73 hot-laser-pink-800 58 0 36 hot-laser-pink-900 14 0 6 hot-laser-pink-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.