← Back to Tools
Design bold AI and SaaS brand systems with this electric indigo palette featuring #10002B abyss, #3A0CA3 indigo deep, #7B2FBE violet mid, #C77DFF lilac accent, and #E0AAFF pale orchid.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--indigo-deep: #3A0CA3;
--indigo-deep-50: #fbf5ff;
--indigo-deep-100: #f4e9ff;
--indigo-deep-200: #e5d2ff;
--indigo-deep-300: #d1b3ff;
--indigo-deep-400: #b688fb;
--indigo-deep-500: #3A0CA3;
--indigo-deep-600: #702bb7;
--indigo-deep-700: #500a8b;
--indigo-deep-800: #31005d;
--indigo-deep-900: #170032;
--indigo-deep-950: #03000c;
--violet-mid: #7B2FBE;
--violet-mid-50: #fff7ff;
--violet-mid-100: #fcefff;
--violet-mid-200: #f4ddff;
--violet-mid-300: #eac6ff;
--violet-mid-400: #dba8fc;
--violet-mid-500: #7B2FBE;
--violet-mid-600: #9d60c1;
--violet-mid-700: #713d90;
--violet-mid-800: #471d5e;
--violet-mid-900: #230731;
--violet-mid-950: #06010b;
--lilac-accent: #C77DFF;
--lilac-accent-50: #fffbff;
--lilac-accent-100: #fff6ff;
--lilac-accent-200: #fdeeff;
--lilac-accent-300: #f9e2ff;
--lilac-accent-400: #f4d2ff;
--lilac-accent-500: #C77DFF;
--lilac-accent-600: #c29bdb;
--lilac-accent-700: #8b6a9f;
--lilac-accent-800: #573d66;
--lilac-accent-900: #2b1b35;
--lilac-accent-950: #08030c;
--abyss: #10002B;
--abyss-50: #f9f3ff;
--abyss-100: #ede3fb;
--abyss-200: #d6c5ec;
--abyss-300: #b89dd9;
--abyss-400: #9067ba;
--abyss-500: #10002B;
--abyss-600: #3c0063;
--abyss-700: #2a004b;
--abyss-800: #180031;
--abyss-900: #080018;
--abyss-950: #010003;
--pale-orchid: #E0AAFF;
--pale-orchid-50: #fffcff;
--pale-orchid-100: #fffaff;
--pale-orchid-200: #fef4ff;
--pale-orchid-300: #fdedff;
--pale-orchid-400: #fae4ff;
--pale-orchid-500: #E0AAFF;
--pale-orchid-600: #ccb3d9;
--pale-orchid-700: #927c9d;
--pale-orchid-800: #5b4a63;
--pale-orchid-900: #2d2232;
--pale-orchid-950: #09050b;
}
$indigo-deep: #3A0CA3; $indigo-deep-50: #fbf5ff; $indigo-deep-100: #f4e9ff; $indigo-deep-200: #e5d2ff; $indigo-deep-300: #d1b3ff; $indigo-deep-400: #b688fb; $indigo-deep-500: #3A0CA3; $indigo-deep-600: #702bb7; $indigo-deep-700: #500a8b; $indigo-deep-800: #31005d; $indigo-deep-900: #170032; $indigo-deep-950: #03000c; $violet-mid: #7B2FBE; $violet-mid-50: #fff7ff; $violet-mid-100: #fcefff; $violet-mid-200: #f4ddff; $violet-mid-300: #eac6ff; $violet-mid-400: #dba8fc; $violet-mid-500: #7B2FBE; $violet-mid-600: #9d60c1; $violet-mid-700: #713d90; $violet-mid-800: #471d5e; $violet-mid-900: #230731; $violet-mid-950: #06010b; $lilac-accent: #C77DFF; $lilac-accent-50: #fffbff; $lilac-accent-100: #fff6ff; $lilac-accent-200: #fdeeff; $lilac-accent-300: #f9e2ff; $lilac-accent-400: #f4d2ff; $lilac-accent-500: #C77DFF; $lilac-accent-600: #c29bdb; $lilac-accent-700: #8b6a9f; $lilac-accent-800: #573d66; $lilac-accent-900: #2b1b35; $lilac-accent-950: #08030c; $abyss: #10002B; $abyss-50: #f9f3ff; $abyss-100: #ede3fb; $abyss-200: #d6c5ec; $abyss-300: #b89dd9; $abyss-400: #9067ba; $abyss-500: #10002B; $abyss-600: #3c0063; $abyss-700: #2a004b; $abyss-800: #180031; $abyss-900: #080018; $abyss-950: #010003; $pale-orchid: #E0AAFF; $pale-orchid-50: #fffcff; $pale-orchid-100: #fffaff; $pale-orchid-200: #fef4ff; $pale-orchid-300: #fdedff; $pale-orchid-400: #fae4ff; $pale-orchid-500: #E0AAFF; $pale-orchid-600: #ccb3d9; $pale-orchid-700: #927c9d; $pale-orchid-800: #5b4a63; $pale-orchid-900: #2d2232; $pale-orchid-950: #09050b;
colors: {
'indigo-deep': {
50: '#fbf5ff',
100: '#f4e9ff',
200: '#e5d2ff',
300: '#d1b3ff',
400: '#b688fb',
500: '#3A0CA3',
600: '#702bb7',
700: '#500a8b',
800: '#31005d',
900: '#170032',
950: '#03000c',
DEFAULT: '#3A0CA3',
},
'violet-mid': {
50: '#fff7ff',
100: '#fcefff',
200: '#f4ddff',
300: '#eac6ff',
400: '#dba8fc',
500: '#7B2FBE',
600: '#9d60c1',
700: '#713d90',
800: '#471d5e',
900: '#230731',
950: '#06010b',
DEFAULT: '#7B2FBE',
},
'lilac-accent': {
50: '#fffbff',
100: '#fff6ff',
200: '#fdeeff',
300: '#f9e2ff',
400: '#f4d2ff',
500: '#C77DFF',
600: '#c29bdb',
700: '#8b6a9f',
800: '#573d66',
900: '#2b1b35',
950: '#08030c',
DEFAULT: '#C77DFF',
},
'abyss': {
50: '#f9f3ff',
100: '#ede3fb',
200: '#d6c5ec',
300: '#b89dd9',
400: '#9067ba',
500: '#10002B',
600: '#3c0063',
700: '#2a004b',
800: '#180031',
900: '#080018',
950: '#010003',
DEFAULT: '#10002B',
},
'pale-orchid': {
50: '#fffcff',
100: '#fffaff',
200: '#fef4ff',
300: '#fdedff',
400: '#fae4ff',
500: '#E0AAFF',
600: '#ccb3d9',
700: '#927c9d',
800: '#5b4a63',
900: '#2d2232',
950: '#09050b',
DEFAULT: '#E0AAFF',
},
},
[
{
"name": "indigo-deep",
"harmony": "Palette",
"hex": "#3A0CA3",
"rgb": {
"r": 58,
"g": 12,
"b": 163
},
"hsl": {
"h": 258,
"s": 86,
"l": 34
},
"value": "#3A0CA3",
"tonalScale": {
"50": {
"hex": "#fbf5ff",
"rgb": {
"r": 251,
"g": 245,
"b": 255
}
},
"100": {
"hex": "#f4e9ff",
"rgb": {
"r": 244,
"g": 233,
"b": 255
}
},
"200": {
"hex": "#e5d2ff",
"rgb": {
"r": 229,
"g": 210,
"b": 255
}
},
"300": {
"hex": "#d1b3ff",
"rgb": {
"r": 209,
"g": 179,
"b": 255
}
},
"400": {
"hex": "#b688fb",
"rgb": {
"r": 182,
"g": 136,
"b": 251
}
},
"500": {
"hex": "#3A0CA3",
"rgb": {
"r": 58,
"g": 12,
"b": 163
}
},
"600": {
"hex": "#702bb7",
"rgb": {
"r": 112,
"g": 43,
"b": 183
}
},
"700": {
"hex": "#500a8b",
"rgb": {
"r": 80,
"g": 10,
"b": 139
}
},
"800": {
"hex": "#31005d",
"rgb": {
"r": 49,
"g": 0,
"b": 93
}
},
"900": {
"hex": "#170032",
"rgb": {
"r": 23,
"g": 0,
"b": 50
}
},
"950": {
"hex": "#03000c",
"rgb": {
"r": 3,
"g": 0,
"b": 12
}
}
}
},
{
"name": "violet-mid",
"harmony": "Palette",
"hex": "#7B2FBE",
"rgb": {
"r": 123,
"g": 47,
"b": 190
},
"hsl": {
"h": 272,
"s": 60,
"l": 46
},
"value": "#7B2FBE",
"tonalScale": {
"50": {
"hex": "#fff7ff",
"rgb": {
"r": 255,
"g": 247,
"b": 255
}
},
"100": {
"hex": "#fcefff",
"rgb": {
"r": 252,
"g": 239,
"b": 255
}
},
"200": {
"hex": "#f4ddff",
"rgb": {
"r": 244,
"g": 221,
"b": 255
}
},
"300": {
"hex": "#eac6ff",
"rgb": {
"r": 234,
"g": 198,
"b": 255
}
},
"400": {
"hex": "#dba8fc",
"rgb": {
"r": 219,
"g": 168,
"b": 252
}
},
"500": {
"hex": "#7B2FBE",
"rgb": {
"r": 123,
"g": 47,
"b": 190
}
},
"600": {
"hex": "#9d60c1",
"rgb": {
"r": 157,
"g": 96,
"b": 193
}
},
"700": {
"hex": "#713d90",
"rgb": {
"r": 113,
"g": 61,
"b": 144
}
},
"800": {
"hex": "#471d5e",
"rgb": {
"r": 71,
"g": 29,
"b": 94
}
},
"900": {
"hex": "#230731",
"rgb": {
"r": 35,
"g": 7,
"b": 49
}
},
"950": {
"hex": "#06010b",
"rgb": {
"r": 6,
"g": 1,
"b": 11
}
}
}
},
{
"name": "lilac-accent",
"harmony": "Palette",
"hex": "#C77DFF",
"rgb": {
"r": 199,
"g": 125,
"b": 255
},
"hsl": {
"h": 274,
"s": 100,
"l": 75
},
"value": "#C77DFF",
"tonalScale": {
"50": {
"hex": "#fffbff",
"rgb": {
"r": 255,
"g": 251,
"b": 255
}
},
"100": {
"hex": "#fff6ff",
"rgb": {
"r": 255,
"g": 246,
"b": 255
}
},
"200": {
"hex": "#fdeeff",
"rgb": {
"r": 253,
"g": 238,
"b": 255
}
},
"300": {
"hex": "#f9e2ff",
"rgb": {
"r": 249,
"g": 226,
"b": 255
}
},
"400": {
"hex": "#f4d2ff",
"rgb": {
"r": 244,
"g": 210,
"b": 255
}
},
"500": {
"hex": "#C77DFF",
"rgb": {
"r": 199,
"g": 125,
"b": 255
}
},
"600": {
"hex": "#c29bdb",
"rgb": {
"r": 194,
"g": 155,
"b": 219
}
},
"700": {
"hex": "#8b6a9f",
"rgb": {
"r": 139,
"g": 106,
"b": 159
}
},
"800": {
"hex": "#573d66",
"rgb": {
"r": 87,
"g": 61,
"b": 102
}
},
"900": {
"hex": "#2b1b35",
"rgb": {
"r": 43,
"g": 27,
"b": 53
}
},
"950": {
"hex": "#08030c",
"rgb": {
"r": 8,
"g": 3,
"b": 12
}
}
}
},
{
"name": "abyss",
"harmony": "Palette",
"hex": "#10002B",
"rgb": {
"r": 16,
"g": 0,
"b": 43
},
"hsl": {
"h": 262,
"s": 100,
"l": 8
},
"value": "#10002B",
"tonalScale": {
"50": {
"hex": "#f9f3ff",
"rgb": {
"r": 249,
"g": 243,
"b": 255
}
},
"100": {
"hex": "#ede3fb",
"rgb": {
"r": 237,
"g": 227,
"b": 251
}
},
"200": {
"hex": "#d6c5ec",
"rgb": {
"r": 214,
"g": 197,
"b": 236
}
},
"300": {
"hex": "#b89dd9",
"rgb": {
"r": 184,
"g": 157,
"b": 217
}
},
"400": {
"hex": "#9067ba",
"rgb": {
"r": 144,
"g": 103,
"b": 186
}
},
"500": {
"hex": "#10002B",
"rgb": {
"r": 16,
"g": 0,
"b": 43
}
},
"600": {
"hex": "#3c0063",
"rgb": {
"r": 60,
"g": 0,
"b": 99
}
},
"700": {
"hex": "#2a004b",
"rgb": {
"r": 42,
"g": 0,
"b": 75
}
},
"800": {
"hex": "#180031",
"rgb": {
"r": 24,
"g": 0,
"b": 49
}
},
"900": {
"hex": "#080018",
"rgb": {
"r": 8,
"g": 0,
"b": 24
}
},
"950": {
"hex": "#010003",
"rgb": {
"r": 1,
"g": 0,
"b": 3
}
}
}
},
{
"name": "pale-orchid",
"harmony": "Palette",
"hex": "#E0AAFF",
"rgb": {
"r": 224,
"g": 170,
"b": 255
},
"hsl": {
"h": 278,
"s": 100,
"l": 83
},
"value": "#E0AAFF",
"tonalScale": {
"50": {
"hex": "#fffcff",
"rgb": {
"r": 255,
"g": 252,
"b": 255
}
},
"100": {
"hex": "#fffaff",
"rgb": {
"r": 255,
"g": 250,
"b": 255
}
},
"200": {
"hex": "#fef4ff",
"rgb": {
"r": 254,
"g": 244,
"b": 255
}
},
"300": {
"hex": "#fdedff",
"rgb": {
"r": 253,
"g": 237,
"b": 255
}
},
"400": {
"hex": "#fae4ff",
"rgb": {
"r": 250,
"g": 228,
"b": 255
}
},
"500": {
"hex": "#E0AAFF",
"rgb": {
"r": 224,
"g": 170,
"b": 255
}
},
"600": {
"hex": "#ccb3d9",
"rgb": {
"r": 204,
"g": 179,
"b": 217
}
},
"700": {
"hex": "#927c9d",
"rgb": {
"r": 146,
"g": 124,
"b": 157
}
},
"800": {
"hex": "#5b4a63",
"rgb": {
"r": 91,
"g": 74,
"b": 99
}
},
"900": {
"hex": "#2d2232",
"rgb": {
"r": 45,
"g": 34,
"b": 50
}
},
"950": {
"hex": "#09050b",
"rgb": {
"r": 9,
"g": 5,
"b": 11
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 indigo-deep,Palette,#3A0CA3,"rgb(58, 12, 163)","hsl(258, 86%, 34%)",#3A0CA3,#fbf5ff,#f4e9ff,#e5d2ff,#d1b3ff,#b688fb,#3A0CA3,#702bb7,#500a8b,#31005d,#170032,#03000c violet-mid,Palette,#7B2FBE,"rgb(123, 47, 190)","hsl(272, 60%, 46%)",#7B2FBE,#fff7ff,#fcefff,#f4ddff,#eac6ff,#dba8fc,#7B2FBE,#9d60c1,#713d90,#471d5e,#230731,#06010b lilac-accent,Palette,#C77DFF,"rgb(199, 125, 255)","hsl(274, 100%, 75%)",#C77DFF,#fffbff,#fff6ff,#fdeeff,#f9e2ff,#f4d2ff,#C77DFF,#c29bdb,#8b6a9f,#573d66,#2b1b35,#08030c abyss,Palette,#10002B,"rgb(16, 0, 43)","hsl(262, 100%, 8%)",#10002B,#f9f3ff,#ede3fb,#d6c5ec,#b89dd9,#9067ba,#10002B,#3c0063,#2a004b,#180031,#080018,#010003 pale-orchid,Palette,#E0AAFF,"rgb(224, 170, 255)","hsl(278, 100%, 83%)",#E0AAFF,#fffcff,#fffaff,#fef4ff,#fdedff,#fae4ff,#E0AAFF,#ccb3d9,#927c9d,#5b4a63,#2d2232,#09050b
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 58 12 163 indigo-deep 251 245 255 indigo-deep-50 244 233 255 indigo-deep-100 229 210 255 indigo-deep-200 209 179 255 indigo-deep-300 182 136 251 indigo-deep-400 58 12 163 indigo-deep-500 112 43 183 indigo-deep-600 80 10 139 indigo-deep-700 49 0 93 indigo-deep-800 23 0 50 indigo-deep-900 3 0 12 indigo-deep-950 123 47 190 violet-mid 255 247 255 violet-mid-50 252 239 255 violet-mid-100 244 221 255 violet-mid-200 234 198 255 violet-mid-300 219 168 252 violet-mid-400 123 47 190 violet-mid-500 157 96 193 violet-mid-600 113 61 144 violet-mid-700 71 29 94 violet-mid-800 35 7 49 violet-mid-900 6 1 11 violet-mid-950 199 125 255 lilac-accent 255 251 255 lilac-accent-50 255 246 255 lilac-accent-100 253 238 255 lilac-accent-200 249 226 255 lilac-accent-300 244 210 255 lilac-accent-400 199 125 255 lilac-accent-500 194 155 219 lilac-accent-600 139 106 159 lilac-accent-700 87 61 102 lilac-accent-800 43 27 53 lilac-accent-900 8 3 12 lilac-accent-950 16 0 43 abyss 249 243 255 abyss-50 237 227 251 abyss-100 214 197 236 abyss-200 184 157 217 abyss-300 144 103 186 abyss-400 16 0 43 abyss-500 60 0 99 abyss-600 42 0 75 abyss-700 24 0 49 abyss-800 8 0 24 abyss-900 1 0 3 abyss-950 224 170 255 pale-orchid 255 252 255 pale-orchid-50 255 250 255 pale-orchid-100 254 244 255 pale-orchid-200 253 237 255 pale-orchid-300 250 228 255 pale-orchid-400 224 170 255 pale-orchid-500 204 179 217 pale-orchid-600 146 124 157 pale-orchid-700 91 74 99 pale-orchid-800 45 34 50 pale-orchid-900 9 5 11 pale-orchid-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.