← Back to Tools
Create high-energy sportswear and youth brand visuals with this digital citrus palette featuring #B5E61D lime zap, #FF6B35 neon orange, #FFD60A solar, #F8F8F0 off white, and #1A1A2E ink black.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--lime-zap: #B5E61D;
--lime-zap-50: #fdfff1;
--lime-zap-100: #faffe6;
--lime-zap-200: #f5ffd1;
--lime-zap-300: #efffb5;
--lime-zap-400: #e7fc8f;
--lime-zap-500: #B5E61D;
--lime-zap-600: #b8ce3f;
--lime-zap-700: #819300;
--lime-zap-800: #4e5b00;
--lime-zap-900: #252d00;
--lime-zap-950: #060900;
--neon-orange: #FF6B35;
--neon-orange-50: #fffaf5;
--neon-orange-100: #fff5eb;
--neon-orange-200: #ffebda;
--neon-orange-300: #ffddc3;
--neon-orange-400: #ffcaa5;
--neon-orange-500: #FF6B35;
--neon-orange-600: #db9064;
--neon-orange-700: #a0613b;
--neon-orange-800: #673719;
--neon-orange-900: #351704;
--neon-orange-950: #0c0300;
--ink-black: #1A1A2E;
--ink-black-50: #f8f8fc;
--ink-black-100: #ededf4;
--ink-black-200: #d8d8e3;
--ink-black-300: #bcbcce;
--ink-black-400: #9798b0;
--ink-black-500: #1A1A2E;
--ink-black-600: #4a4a64;
--ink-black-700: #323247;
--ink-black-800: #1b1b2b;
--ink-black-900: #090813;
--ink-black-950: #010102;
--off-white: #F8F8F0;
--off-white-50: #fffffe;
--off-white-100: #fffffe;
--off-white-200: #fefefd;
--off-white-300: #fefefc;
--off-white-400: #fdfdfa;
--off-white-500: #F8F8F0;
--off-white-600: #d5d5d1;
--off-white-700: #969693;
--off-white-800: #5c5c5a;
--off-white-900: #2d2d2c;
--off-white-950: #090908;
--solar: #FFD60A;
--solar-50: #ffffee;
--solar-100: #fffee2;
--solar-200: #fffdcb;
--solar-300: #fffaaa;
--solar-400: #fff57d;
--solar-500: #FFD60A;
--solar-600: #d9c700;
--solar-700: #9c8c00;
--solar-800: #625500;
--solar-900: #322900;
--solar-950: #0b0700;
}
$lime-zap: #B5E61D; $lime-zap-50: #fdfff1; $lime-zap-100: #faffe6; $lime-zap-200: #f5ffd1; $lime-zap-300: #efffb5; $lime-zap-400: #e7fc8f; $lime-zap-500: #B5E61D; $lime-zap-600: #b8ce3f; $lime-zap-700: #819300; $lime-zap-800: #4e5b00; $lime-zap-900: #252d00; $lime-zap-950: #060900; $neon-orange: #FF6B35; $neon-orange-50: #fffaf5; $neon-orange-100: #fff5eb; $neon-orange-200: #ffebda; $neon-orange-300: #ffddc3; $neon-orange-400: #ffcaa5; $neon-orange-500: #FF6B35; $neon-orange-600: #db9064; $neon-orange-700: #a0613b; $neon-orange-800: #673719; $neon-orange-900: #351704; $neon-orange-950: #0c0300; $ink-black: #1A1A2E; $ink-black-50: #f8f8fc; $ink-black-100: #ededf4; $ink-black-200: #d8d8e3; $ink-black-300: #bcbcce; $ink-black-400: #9798b0; $ink-black-500: #1A1A2E; $ink-black-600: #4a4a64; $ink-black-700: #323247; $ink-black-800: #1b1b2b; $ink-black-900: #090813; $ink-black-950: #010102; $off-white: #F8F8F0; $off-white-50: #fffffe; $off-white-100: #fffffe; $off-white-200: #fefefd; $off-white-300: #fefefc; $off-white-400: #fdfdfa; $off-white-500: #F8F8F0; $off-white-600: #d5d5d1; $off-white-700: #969693; $off-white-800: #5c5c5a; $off-white-900: #2d2d2c; $off-white-950: #090908; $solar: #FFD60A; $solar-50: #ffffee; $solar-100: #fffee2; $solar-200: #fffdcb; $solar-300: #fffaaa; $solar-400: #fff57d; $solar-500: #FFD60A; $solar-600: #d9c700; $solar-700: #9c8c00; $solar-800: #625500; $solar-900: #322900; $solar-950: #0b0700;
colors: {
'lime-zap': {
50: '#fdfff1',
100: '#faffe6',
200: '#f5ffd1',
300: '#efffb5',
400: '#e7fc8f',
500: '#B5E61D',
600: '#b8ce3f',
700: '#819300',
800: '#4e5b00',
900: '#252d00',
950: '#060900',
DEFAULT: '#B5E61D',
},
'neon-orange': {
50: '#fffaf5',
100: '#fff5eb',
200: '#ffebda',
300: '#ffddc3',
400: '#ffcaa5',
500: '#FF6B35',
600: '#db9064',
700: '#a0613b',
800: '#673719',
900: '#351704',
950: '#0c0300',
DEFAULT: '#FF6B35',
},
'ink-black': {
50: '#f8f8fc',
100: '#ededf4',
200: '#d8d8e3',
300: '#bcbcce',
400: '#9798b0',
500: '#1A1A2E',
600: '#4a4a64',
700: '#323247',
800: '#1b1b2b',
900: '#090813',
950: '#010102',
DEFAULT: '#1A1A2E',
},
'off-white': {
50: '#fffffe',
100: '#fffffe',
200: '#fefefd',
300: '#fefefc',
400: '#fdfdfa',
500: '#F8F8F0',
600: '#d5d5d1',
700: '#969693',
800: '#5c5c5a',
900: '#2d2d2c',
950: '#090908',
DEFAULT: '#F8F8F0',
},
'solar': {
50: '#ffffee',
100: '#fffee2',
200: '#fffdcb',
300: '#fffaaa',
400: '#fff57d',
500: '#FFD60A',
600: '#d9c700',
700: '#9c8c00',
800: '#625500',
900: '#322900',
950: '#0b0700',
DEFAULT: '#FFD60A',
},
},
[
{
"name": "lime-zap",
"harmony": "Palette",
"hex": "#B5E61D",
"rgb": {
"r": 181,
"g": 230,
"b": 29
},
"hsl": {
"h": 75,
"s": 80,
"l": 51
},
"value": "#B5E61D",
"tonalScale": {
"50": {
"hex": "#fdfff1",
"rgb": {
"r": 253,
"g": 255,
"b": 241
}
},
"100": {
"hex": "#faffe6",
"rgb": {
"r": 250,
"g": 255,
"b": 230
}
},
"200": {
"hex": "#f5ffd1",
"rgb": {
"r": 245,
"g": 255,
"b": 209
}
},
"300": {
"hex": "#efffb5",
"rgb": {
"r": 239,
"g": 255,
"b": 181
}
},
"400": {
"hex": "#e7fc8f",
"rgb": {
"r": 231,
"g": 252,
"b": 143
}
},
"500": {
"hex": "#B5E61D",
"rgb": {
"r": 181,
"g": 230,
"b": 29
}
},
"600": {
"hex": "#b8ce3f",
"rgb": {
"r": 184,
"g": 206,
"b": 63
}
},
"700": {
"hex": "#819300",
"rgb": {
"r": 129,
"g": 147,
"b": 0
}
},
"800": {
"hex": "#4e5b00",
"rgb": {
"r": 78,
"g": 91,
"b": 0
}
},
"900": {
"hex": "#252d00",
"rgb": {
"r": 37,
"g": 45,
"b": 0
}
},
"950": {
"hex": "#060900",
"rgb": {
"r": 6,
"g": 9,
"b": 0
}
}
}
},
{
"name": "neon-orange",
"harmony": "Palette",
"hex": "#FF6B35",
"rgb": {
"r": 255,
"g": 107,
"b": 53
},
"hsl": {
"h": 16,
"s": 100,
"l": 60
},
"value": "#FF6B35",
"tonalScale": {
"50": {
"hex": "#fffaf5",
"rgb": {
"r": 255,
"g": 250,
"b": 245
}
},
"100": {
"hex": "#fff5eb",
"rgb": {
"r": 255,
"g": 245,
"b": 235
}
},
"200": {
"hex": "#ffebda",
"rgb": {
"r": 255,
"g": 235,
"b": 218
}
},
"300": {
"hex": "#ffddc3",
"rgb": {
"r": 255,
"g": 221,
"b": 195
}
},
"400": {
"hex": "#ffcaa5",
"rgb": {
"r": 255,
"g": 202,
"b": 165
}
},
"500": {
"hex": "#FF6B35",
"rgb": {
"r": 255,
"g": 107,
"b": 53
}
},
"600": {
"hex": "#db9064",
"rgb": {
"r": 219,
"g": 144,
"b": 100
}
},
"700": {
"hex": "#a0613b",
"rgb": {
"r": 160,
"g": 97,
"b": 59
}
},
"800": {
"hex": "#673719",
"rgb": {
"r": 103,
"g": 55,
"b": 25
}
},
"900": {
"hex": "#351704",
"rgb": {
"r": 53,
"g": 23,
"b": 4
}
},
"950": {
"hex": "#0c0300",
"rgb": {
"r": 12,
"g": 3,
"b": 0
}
}
}
},
{
"name": "ink-black",
"harmony": "Palette",
"hex": "#1A1A2E",
"rgb": {
"r": 26,
"g": 26,
"b": 46
},
"hsl": {
"h": 240,
"s": 28,
"l": 14
},
"value": "#1A1A2E",
"tonalScale": {
"50": {
"hex": "#f8f8fc",
"rgb": {
"r": 248,
"g": 248,
"b": 252
}
},
"100": {
"hex": "#ededf4",
"rgb": {
"r": 237,
"g": 237,
"b": 244
}
},
"200": {
"hex": "#d8d8e3",
"rgb": {
"r": 216,
"g": 216,
"b": 227
}
},
"300": {
"hex": "#bcbcce",
"rgb": {
"r": 188,
"g": 188,
"b": 206
}
},
"400": {
"hex": "#9798b0",
"rgb": {
"r": 151,
"g": 152,
"b": 176
}
},
"500": {
"hex": "#1A1A2E",
"rgb": {
"r": 26,
"g": 26,
"b": 46
}
},
"600": {
"hex": "#4a4a64",
"rgb": {
"r": 74,
"g": 74,
"b": 100
}
},
"700": {
"hex": "#323247",
"rgb": {
"r": 50,
"g": 50,
"b": 71
}
},
"800": {
"hex": "#1b1b2b",
"rgb": {
"r": 27,
"g": 27,
"b": 43
}
},
"900": {
"hex": "#090813",
"rgb": {
"r": 9,
"g": 8,
"b": 19
}
},
"950": {
"hex": "#010102",
"rgb": {
"r": 1,
"g": 1,
"b": 2
}
}
}
},
{
"name": "off-white",
"harmony": "Palette",
"hex": "#F8F8F0",
"rgb": {
"r": 248,
"g": 248,
"b": 240
},
"hsl": {
"h": 60,
"s": 36,
"l": 96
},
"value": "#F8F8F0",
"tonalScale": {
"50": {
"hex": "#fffffe",
"rgb": {
"r": 255,
"g": 255,
"b": 254
}
},
"100": {
"hex": "#fffffe",
"rgb": {
"r": 255,
"g": 255,
"b": 254
}
},
"200": {
"hex": "#fefefd",
"rgb": {
"r": 254,
"g": 254,
"b": 253
}
},
"300": {
"hex": "#fefefc",
"rgb": {
"r": 254,
"g": 254,
"b": 252
}
},
"400": {
"hex": "#fdfdfa",
"rgb": {
"r": 253,
"g": 253,
"b": 250
}
},
"500": {
"hex": "#F8F8F0",
"rgb": {
"r": 248,
"g": 248,
"b": 240
}
},
"600": {
"hex": "#d5d5d1",
"rgb": {
"r": 213,
"g": 213,
"b": 209
}
},
"700": {
"hex": "#969693",
"rgb": {
"r": 150,
"g": 150,
"b": 147
}
},
"800": {
"hex": "#5c5c5a",
"rgb": {
"r": 92,
"g": 92,
"b": 90
}
},
"900": {
"hex": "#2d2d2c",
"rgb": {
"r": 45,
"g": 45,
"b": 44
}
},
"950": {
"hex": "#090908",
"rgb": {
"r": 9,
"g": 9,
"b": 8
}
}
}
},
{
"name": "solar",
"harmony": "Palette",
"hex": "#FFD60A",
"rgb": {
"r": 255,
"g": 214,
"b": 10
},
"hsl": {
"h": 50,
"s": 100,
"l": 52
},
"value": "#FFD60A",
"tonalScale": {
"50": {
"hex": "#ffffee",
"rgb": {
"r": 255,
"g": 255,
"b": 238
}
},
"100": {
"hex": "#fffee2",
"rgb": {
"r": 255,
"g": 254,
"b": 226
}
},
"200": {
"hex": "#fffdcb",
"rgb": {
"r": 255,
"g": 253,
"b": 203
}
},
"300": {
"hex": "#fffaaa",
"rgb": {
"r": 255,
"g": 250,
"b": 170
}
},
"400": {
"hex": "#fff57d",
"rgb": {
"r": 255,
"g": 245,
"b": 125
}
},
"500": {
"hex": "#FFD60A",
"rgb": {
"r": 255,
"g": 214,
"b": 10
}
},
"600": {
"hex": "#d9c700",
"rgb": {
"r": 217,
"g": 199,
"b": 0
}
},
"700": {
"hex": "#9c8c00",
"rgb": {
"r": 156,
"g": 140,
"b": 0
}
},
"800": {
"hex": "#625500",
"rgb": {
"r": 98,
"g": 85,
"b": 0
}
},
"900": {
"hex": "#322900",
"rgb": {
"r": 50,
"g": 41,
"b": 0
}
},
"950": {
"hex": "#0b0700",
"rgb": {
"r": 11,
"g": 7,
"b": 0
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 lime-zap,Palette,#B5E61D,"rgb(181, 230, 29)","hsl(75, 80%, 51%)",#B5E61D,#fdfff1,#faffe6,#f5ffd1,#efffb5,#e7fc8f,#B5E61D,#b8ce3f,#819300,#4e5b00,#252d00,#060900 neon-orange,Palette,#FF6B35,"rgb(255, 107, 53)","hsl(16, 100%, 60%)",#FF6B35,#fffaf5,#fff5eb,#ffebda,#ffddc3,#ffcaa5,#FF6B35,#db9064,#a0613b,#673719,#351704,#0c0300 ink-black,Palette,#1A1A2E,"rgb(26, 26, 46)","hsl(240, 28%, 14%)",#1A1A2E,#f8f8fc,#ededf4,#d8d8e3,#bcbcce,#9798b0,#1A1A2E,#4a4a64,#323247,#1b1b2b,#090813,#010102 off-white,Palette,#F8F8F0,"rgb(248, 248, 240)","hsl(60, 36%, 96%)",#F8F8F0,#fffffe,#fffffe,#fefefd,#fefefc,#fdfdfa,#F8F8F0,#d5d5d1,#969693,#5c5c5a,#2d2d2c,#090908 solar,Palette,#FFD60A,"rgb(255, 214, 10)","hsl(50, 100%, 52%)",#FFD60A,#ffffee,#fffee2,#fffdcb,#fffaaa,#fff57d,#FFD60A,#d9c700,#9c8c00,#625500,#322900,#0b0700
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 181 230 29 lime-zap 253 255 241 lime-zap-50 250 255 230 lime-zap-100 245 255 209 lime-zap-200 239 255 181 lime-zap-300 231 252 143 lime-zap-400 181 230 29 lime-zap-500 184 206 63 lime-zap-600 129 147 0 lime-zap-700 78 91 0 lime-zap-800 37 45 0 lime-zap-900 6 9 0 lime-zap-950 255 107 53 neon-orange 255 250 245 neon-orange-50 255 245 235 neon-orange-100 255 235 218 neon-orange-200 255 221 195 neon-orange-300 255 202 165 neon-orange-400 255 107 53 neon-orange-500 219 144 100 neon-orange-600 160 97 59 neon-orange-700 103 55 25 neon-orange-800 53 23 4 neon-orange-900 12 3 0 neon-orange-950 26 26 46 ink-black 248 248 252 ink-black-50 237 237 244 ink-black-100 216 216 227 ink-black-200 188 188 206 ink-black-300 151 152 176 ink-black-400 26 26 46 ink-black-500 74 74 100 ink-black-600 50 50 71 ink-black-700 27 27 43 ink-black-800 9 8 19 ink-black-900 1 1 2 ink-black-950 248 248 240 off-white 255 255 254 off-white-50 255 255 254 off-white-100 254 254 253 off-white-200 254 254 252 off-white-300 253 253 250 off-white-400 248 248 240 off-white-500 213 213 209 off-white-600 150 150 147 off-white-700 92 92 90 off-white-800 45 45 44 off-white-900 9 9 8 off-white-950 255 214 10 solar 255 255 238 solar-50 255 254 226 solar-100 255 253 203 solar-200 255 250 170 solar-300 255 245 125 solar-400 255 214 10 solar-500 217 199 0 solar-600 156 140 0 solar-700 98 85 0 solar-800 50 41 0 solar-900 11 7 0 solar-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.