← Back to Tools
Create relaxing layouts using our cozy gaming setup color palette generator featuring soft lavender, warm marsh mallow creams, and ambient mint lights.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--white: #E6E6FA;
--white-50: #fefeff;
--white-100: #fefeff;
--white-200: #fcfcff;
--white-300: #fbfbff;
--white-400: #f8f8ff;
--white-500: #E6E6FA;
--white-600: #ceced6;
--white-700: #919198;
--white-800: #59595e;
--white-900: #2b2b2e;
--white-950: #080809;
--pale-purple: #D4A5FF;
--pale-purple-50: #fffcff;
--pale-purple-100: #fef9ff;
--pale-purple-200: #fcf4ff;
--pale-purple-300: #faecff;
--pale-purple-400: #f6e2ff;
--pale-purple-500: #D4A5FF;
--pale-purple-600: #c7b0d9;
--pale-purple-700: #8e7b9d;
--pale-purple-800: #584963;
--pale-purple-900: #2b2232;
--pale-purple-950: #08050b;
--very-pale-yellow: #FFFDD0;
--very-pale-yellow-50: #fffffd;
--very-pale-yellow-100: #fffffb;
--very-pale-yellow-200: #fffff8;
--very-pale-yellow-300: #fffff3;
--very-pale-yellow-400: #ffffee;
--very-pale-yellow-500: #FFFDD0;
--very-pale-yellow-600: #d7d7c3;
--very-pale-yellow-700: #999888;
--very-pale-yellow-800: #5e5d51;
--very-pale-yellow-900: #2e2e26;
--very-pale-yellow-950: #090906;
--pale-green: #98FF98;
--pale-green-50: #fafffa;
--pale-green-100: #f7fff6;
--pale-green-200: #efffef;
--pale-green-300: #e6ffe5;
--pale-green-400: #daffd9;
--pale-green-500: #98FF98;
--pale-green-600: #a8d8a8;
--pale-green-700: #729a72;
--pale-green-800: #416042;
--pale-green-900: #1c301c;
--pale-green-950: #040a04;
--pale-green: #B4D4AA;
--pale-green-50: #fdfffc;
--pale-green-100: #fafef9;
--pale-green-200: #f6fbf4;
--pale-green-300: #eff8ec;
--pale-green-400: #e7f4e3;
--pale-green-500: #B4D4AA;
--pale-green-600: #b8c7b3;
--pale-green-700: #808d7c;
--pale-green-800: #4d574a;
--pale-green-900: #242a22;
--pale-green-950: #060805;
}
$white: #E6E6FA; $white-50: #fefeff; $white-100: #fefeff; $white-200: #fcfcff; $white-300: #fbfbff; $white-400: #f8f8ff; $white-500: #E6E6FA; $white-600: #ceced6; $white-700: #919198; $white-800: #59595e; $white-900: #2b2b2e; $white-950: #080809; $pale-purple: #D4A5FF; $pale-purple-50: #fffcff; $pale-purple-100: #fef9ff; $pale-purple-200: #fcf4ff; $pale-purple-300: #faecff; $pale-purple-400: #f6e2ff; $pale-purple-500: #D4A5FF; $pale-purple-600: #c7b0d9; $pale-purple-700: #8e7b9d; $pale-purple-800: #584963; $pale-purple-900: #2b2232; $pale-purple-950: #08050b; $very-pale-yellow: #FFFDD0; $very-pale-yellow-50: #fffffd; $very-pale-yellow-100: #fffffb; $very-pale-yellow-200: #fffff8; $very-pale-yellow-300: #fffff3; $very-pale-yellow-400: #ffffee; $very-pale-yellow-500: #FFFDD0; $very-pale-yellow-600: #d7d7c3; $very-pale-yellow-700: #999888; $very-pale-yellow-800: #5e5d51; $very-pale-yellow-900: #2e2e26; $very-pale-yellow-950: #090906; $pale-green: #98FF98; $pale-green-50: #fafffa; $pale-green-100: #f7fff6; $pale-green-200: #efffef; $pale-green-300: #e6ffe5; $pale-green-400: #daffd9; $pale-green-500: #98FF98; $pale-green-600: #a8d8a8; $pale-green-700: #729a72; $pale-green-800: #416042; $pale-green-900: #1c301c; $pale-green-950: #040a04; $pale-green: #B4D4AA; $pale-green-50: #fdfffc; $pale-green-100: #fafef9; $pale-green-200: #f6fbf4; $pale-green-300: #eff8ec; $pale-green-400: #e7f4e3; $pale-green-500: #B4D4AA; $pale-green-600: #b8c7b3; $pale-green-700: #808d7c; $pale-green-800: #4d574a; $pale-green-900: #242a22; $pale-green-950: #060805;
colors: {
'white': {
50: '#fefeff',
100: '#fefeff',
200: '#fcfcff',
300: '#fbfbff',
400: '#f8f8ff',
500: '#E6E6FA',
600: '#ceced6',
700: '#919198',
800: '#59595e',
900: '#2b2b2e',
950: '#080809',
DEFAULT: '#E6E6FA',
},
'pale-purple': {
50: '#fffcff',
100: '#fef9ff',
200: '#fcf4ff',
300: '#faecff',
400: '#f6e2ff',
500: '#D4A5FF',
600: '#c7b0d9',
700: '#8e7b9d',
800: '#584963',
900: '#2b2232',
950: '#08050b',
DEFAULT: '#D4A5FF',
},
'very-pale-yellow': {
50: '#fffffd',
100: '#fffffb',
200: '#fffff8',
300: '#fffff3',
400: '#ffffee',
500: '#FFFDD0',
600: '#d7d7c3',
700: '#999888',
800: '#5e5d51',
900: '#2e2e26',
950: '#090906',
DEFAULT: '#FFFDD0',
},
'pale-green': {
50: '#fafffa',
100: '#f7fff6',
200: '#efffef',
300: '#e6ffe5',
400: '#daffd9',
500: '#98FF98',
600: '#a8d8a8',
700: '#729a72',
800: '#416042',
900: '#1c301c',
950: '#040a04',
DEFAULT: '#98FF98',
},
'pale-green': {
50: '#fdfffc',
100: '#fafef9',
200: '#f6fbf4',
300: '#eff8ec',
400: '#e7f4e3',
500: '#B4D4AA',
600: '#b8c7b3',
700: '#808d7c',
800: '#4d574a',
900: '#242a22',
950: '#060805',
DEFAULT: '#B4D4AA',
},
},
[
{
"name": "white",
"harmony": "Palette",
"hex": "#E6E6FA",
"rgb": {
"r": 230,
"g": 230,
"b": 250
},
"hsl": {
"h": 240,
"s": 67,
"l": 94
},
"value": "#E6E6FA",
"tonalScale": {
"50": {
"hex": "#fefeff",
"rgb": {
"r": 254,
"g": 254,
"b": 255
}
},
"100": {
"hex": "#fefeff",
"rgb": {
"r": 254,
"g": 254,
"b": 255
}
},
"200": {
"hex": "#fcfcff",
"rgb": {
"r": 252,
"g": 252,
"b": 255
}
},
"300": {
"hex": "#fbfbff",
"rgb": {
"r": 251,
"g": 251,
"b": 255
}
},
"400": {
"hex": "#f8f8ff",
"rgb": {
"r": 248,
"g": 248,
"b": 255
}
},
"500": {
"hex": "#E6E6FA",
"rgb": {
"r": 230,
"g": 230,
"b": 250
}
},
"600": {
"hex": "#ceced6",
"rgb": {
"r": 206,
"g": 206,
"b": 214
}
},
"700": {
"hex": "#919198",
"rgb": {
"r": 145,
"g": 145,
"b": 152
}
},
"800": {
"hex": "#59595e",
"rgb": {
"r": 89,
"g": 89,
"b": 94
}
},
"900": {
"hex": "#2b2b2e",
"rgb": {
"r": 43,
"g": 43,
"b": 46
}
},
"950": {
"hex": "#080809",
"rgb": {
"r": 8,
"g": 8,
"b": 9
}
}
}
},
{
"name": "pale-purple",
"harmony": "Palette",
"hex": "#D4A5FF",
"rgb": {
"r": 212,
"g": 165,
"b": 255
},
"hsl": {
"h": 271,
"s": 100,
"l": 82
},
"value": "#D4A5FF",
"tonalScale": {
"50": {
"hex": "#fffcff",
"rgb": {
"r": 255,
"g": 252,
"b": 255
}
},
"100": {
"hex": "#fef9ff",
"rgb": {
"r": 254,
"g": 249,
"b": 255
}
},
"200": {
"hex": "#fcf4ff",
"rgb": {
"r": 252,
"g": 244,
"b": 255
}
},
"300": {
"hex": "#faecff",
"rgb": {
"r": 250,
"g": 236,
"b": 255
}
},
"400": {
"hex": "#f6e2ff",
"rgb": {
"r": 246,
"g": 226,
"b": 255
}
},
"500": {
"hex": "#D4A5FF",
"rgb": {
"r": 212,
"g": 165,
"b": 255
}
},
"600": {
"hex": "#c7b0d9",
"rgb": {
"r": 199,
"g": 176,
"b": 217
}
},
"700": {
"hex": "#8e7b9d",
"rgb": {
"r": 142,
"g": 123,
"b": 157
}
},
"800": {
"hex": "#584963",
"rgb": {
"r": 88,
"g": 73,
"b": 99
}
},
"900": {
"hex": "#2b2232",
"rgb": {
"r": 43,
"g": 34,
"b": 50
}
},
"950": {
"hex": "#08050b",
"rgb": {
"r": 8,
"g": 5,
"b": 11
}
}
}
},
{
"name": "very-pale-yellow",
"harmony": "Palette",
"hex": "#FFFDD0",
"rgb": {
"r": 255,
"g": 253,
"b": 208
},
"hsl": {
"h": 57,
"s": 100,
"l": 91
},
"value": "#FFFDD0",
"tonalScale": {
"50": {
"hex": "#fffffd",
"rgb": {
"r": 255,
"g": 255,
"b": 253
}
},
"100": {
"hex": "#fffffb",
"rgb": {
"r": 255,
"g": 255,
"b": 251
}
},
"200": {
"hex": "#fffff8",
"rgb": {
"r": 255,
"g": 255,
"b": 248
}
},
"300": {
"hex": "#fffff3",
"rgb": {
"r": 255,
"g": 255,
"b": 243
}
},
"400": {
"hex": "#ffffee",
"rgb": {
"r": 255,
"g": 255,
"b": 238
}
},
"500": {
"hex": "#FFFDD0",
"rgb": {
"r": 255,
"g": 253,
"b": 208
}
},
"600": {
"hex": "#d7d7c3",
"rgb": {
"r": 215,
"g": 215,
"b": 195
}
},
"700": {
"hex": "#999888",
"rgb": {
"r": 153,
"g": 152,
"b": 136
}
},
"800": {
"hex": "#5e5d51",
"rgb": {
"r": 94,
"g": 93,
"b": 81
}
},
"900": {
"hex": "#2e2e26",
"rgb": {
"r": 46,
"g": 46,
"b": 38
}
},
"950": {
"hex": "#090906",
"rgb": {
"r": 9,
"g": 9,
"b": 6
}
}
}
},
{
"name": "pale-green",
"harmony": "Palette",
"hex": "#98FF98",
"rgb": {
"r": 152,
"g": 255,
"b": 152
},
"hsl": {
"h": 120,
"s": 100,
"l": 80
},
"value": "#98FF98",
"tonalScale": {
"50": {
"hex": "#fafffa",
"rgb": {
"r": 250,
"g": 255,
"b": 250
}
},
"100": {
"hex": "#f7fff6",
"rgb": {
"r": 247,
"g": 255,
"b": 246
}
},
"200": {
"hex": "#efffef",
"rgb": {
"r": 239,
"g": 255,
"b": 239
}
},
"300": {
"hex": "#e6ffe5",
"rgb": {
"r": 230,
"g": 255,
"b": 229
}
},
"400": {
"hex": "#daffd9",
"rgb": {
"r": 218,
"g": 255,
"b": 217
}
},
"500": {
"hex": "#98FF98",
"rgb": {
"r": 152,
"g": 255,
"b": 152
}
},
"600": {
"hex": "#a8d8a8",
"rgb": {
"r": 168,
"g": 216,
"b": 168
}
},
"700": {
"hex": "#729a72",
"rgb": {
"r": 114,
"g": 154,
"b": 114
}
},
"800": {
"hex": "#416042",
"rgb": {
"r": 65,
"g": 96,
"b": 66
}
},
"900": {
"hex": "#1c301c",
"rgb": {
"r": 28,
"g": 48,
"b": 28
}
},
"950": {
"hex": "#040a04",
"rgb": {
"r": 4,
"g": 10,
"b": 4
}
}
}
},
{
"name": "pale-green",
"harmony": "Palette",
"hex": "#B4D4AA",
"rgb": {
"r": 180,
"g": 212,
"b": 170
},
"hsl": {
"h": 106,
"s": 33,
"l": 75
},
"value": "#B4D4AA",
"tonalScale": {
"50": {
"hex": "#fdfffc",
"rgb": {
"r": 253,
"g": 255,
"b": 252
}
},
"100": {
"hex": "#fafef9",
"rgb": {
"r": 250,
"g": 254,
"b": 249
}
},
"200": {
"hex": "#f6fbf4",
"rgb": {
"r": 246,
"g": 251,
"b": 244
}
},
"300": {
"hex": "#eff8ec",
"rgb": {
"r": 239,
"g": 248,
"b": 236
}
},
"400": {
"hex": "#e7f4e3",
"rgb": {
"r": 231,
"g": 244,
"b": 227
}
},
"500": {
"hex": "#B4D4AA",
"rgb": {
"r": 180,
"g": 212,
"b": 170
}
},
"600": {
"hex": "#b8c7b3",
"rgb": {
"r": 184,
"g": 199,
"b": 179
}
},
"700": {
"hex": "#808d7c",
"rgb": {
"r": 128,
"g": 141,
"b": 124
}
},
"800": {
"hex": "#4d574a",
"rgb": {
"r": 77,
"g": 87,
"b": 74
}
},
"900": {
"hex": "#242a22",
"rgb": {
"r": 36,
"g": 42,
"b": 34
}
},
"950": {
"hex": "#060805",
"rgb": {
"r": 6,
"g": 8,
"b": 5
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 white,Palette,#E6E6FA,"rgb(230, 230, 250)","hsl(240, 67%, 94%)",#E6E6FA,#fefeff,#fefeff,#fcfcff,#fbfbff,#f8f8ff,#E6E6FA,#ceced6,#919198,#59595e,#2b2b2e,#080809 pale-purple,Palette,#D4A5FF,"rgb(212, 165, 255)","hsl(271, 100%, 82%)",#D4A5FF,#fffcff,#fef9ff,#fcf4ff,#faecff,#f6e2ff,#D4A5FF,#c7b0d9,#8e7b9d,#584963,#2b2232,#08050b very-pale-yellow,Palette,#FFFDD0,"rgb(255, 253, 208)","hsl(57, 100%, 91%)",#FFFDD0,#fffffd,#fffffb,#fffff8,#fffff3,#ffffee,#FFFDD0,#d7d7c3,#999888,#5e5d51,#2e2e26,#090906 pale-green,Palette,#98FF98,"rgb(152, 255, 152)","hsl(120, 100%, 80%)",#98FF98,#fafffa,#f7fff6,#efffef,#e6ffe5,#daffd9,#98FF98,#a8d8a8,#729a72,#416042,#1c301c,#040a04 pale-green,Palette,#B4D4AA,"rgb(180, 212, 170)","hsl(106, 33%, 75%)",#B4D4AA,#fdfffc,#fafef9,#f6fbf4,#eff8ec,#e7f4e3,#B4D4AA,#b8c7b3,#808d7c,#4d574a,#242a22,#060805
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 230 230 250 white 254 254 255 white-50 254 254 255 white-100 252 252 255 white-200 251 251 255 white-300 248 248 255 white-400 230 230 250 white-500 206 206 214 white-600 145 145 152 white-700 89 89 94 white-800 43 43 46 white-900 8 8 9 white-950 212 165 255 pale-purple 255 252 255 pale-purple-50 254 249 255 pale-purple-100 252 244 255 pale-purple-200 250 236 255 pale-purple-300 246 226 255 pale-purple-400 212 165 255 pale-purple-500 199 176 217 pale-purple-600 142 123 157 pale-purple-700 88 73 99 pale-purple-800 43 34 50 pale-purple-900 8 5 11 pale-purple-950 255 253 208 very-pale-yellow 255 255 253 very-pale-yellow-50 255 255 251 very-pale-yellow-100 255 255 248 very-pale-yellow-200 255 255 243 very-pale-yellow-300 255 255 238 very-pale-yellow-400 255 253 208 very-pale-yellow-500 215 215 195 very-pale-yellow-600 153 152 136 very-pale-yellow-700 94 93 81 very-pale-yellow-800 46 46 38 very-pale-yellow-900 9 9 6 very-pale-yellow-950 152 255 152 pale-green 250 255 250 pale-green-50 247 255 246 pale-green-100 239 255 239 pale-green-200 230 255 229 pale-green-300 218 255 217 pale-green-400 152 255 152 pale-green-500 168 216 168 pale-green-600 114 154 114 pale-green-700 65 96 66 pale-green-800 28 48 28 pale-green-900 4 10 4 pale-green-950 180 212 170 pale-green 253 255 252 pale-green-50 250 254 249 pale-green-100 246 251 244 pale-green-200 239 248 236 pale-green-300 231 244 227 pale-green-400 180 212 170 pale-green-500 184 199 179 pale-green-600 128 141 124 pale-green-700 77 87 74 pale-green-800 36 42 34 pale-green-900 6 8 5 pale-green-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.