← Back to Tools
Create nostalgic travel colors with sun-faded sand (#F7E3B5), warm coral (#F2B880), faded salmon (#D98C75), muted teal (#7FA5A3), and deep slate (#3E4B59) for retro summer posters.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--sun-faded-sand: #F7E3B5;
--sun-faded-sand-50: #fffefc;
--sun-faded-sand-100: #fffef9;
--sun-faded-sand-200: #fffcf4;
--sun-faded-sand-300: #fffaed;
--sun-faded-sand-400: #fef7e5;
--sun-faded-sand-500: #F7E3B5;
--sun-faded-sand-600: #d5ccb7;
--sun-faded-sand-700: #97907e;
--sun-faded-sand-800: #5e584b;
--sun-faded-sand-900: #2e2b22;
--sun-faded-sand-950: #090805;
--warm-coral: #F2B880;
--warm-coral-50: #fffdf9;
--warm-coral-100: #fffbf5;
--warm-coral-200: #fff7eb;
--warm-coral-300: #fff1df;
--warm-coral-400: #ffead0;
--warm-coral-500: #F2B880;
--warm-coral-600: #d4ba9b;
--warm-coral-700: #988268;
--warm-coral-800: #5f4f3b;
--warm-coral-900: #302519;
--warm-coral-950: #0a0603;
--faded-salmon: #D98C75;
--faded-salmon-50: #fffcfa;
--faded-salmon-100: #fff8f5;
--faded-salmon-200: #fff0eb;
--faded-salmon-300: #ffe6de;
--faded-salmon-400: #fbd9cd;
--faded-salmon-500: #D98C75;
--faded-salmon-600: #caa496;
--faded-salmon-700: #927266;
--faded-salmon-800: #5c443b;
--faded-salmon-900: #2e1f19;
--faded-salmon-950: #090403;
--muted-teal: #7FA5A3;
--muted-teal-50: #fbfefe;
--muted-teal-100: #f6fbfb;
--muted-teal-200: #eef6f5;
--muted-teal-300: #e2efee;
--muted-teal-400: #d3e5e4;
--muted-teal-500: #7FA5A3;
--muted-teal-600: #9cb2b1;
--muted-teal-700: #6b7d7d;
--muted-teal-800: #3f4d4c;
--muted-teal-900: #1c2524;
--muted-teal-950: #040606;
--deep-slate: #3E4B59;
--deep-slate-50: #f9fbfc;
--deep-slate-100: #f1f4f7;
--deep-slate-200: #e2e7eb;
--deep-slate-300: #ced5dc;
--deep-slate-400: #b4bec7;
--deep-slate-500: #3E4B59;
--deep-slate-600: #707c87;
--deep-slate-700: #4c565f;
--deep-slate-800: #2c333a;
--deep-slate-900: #11161a;
--deep-slate-950: #020304;
}
$sun-faded-sand: #F7E3B5; $sun-faded-sand-50: #fffefc; $sun-faded-sand-100: #fffef9; $sun-faded-sand-200: #fffcf4; $sun-faded-sand-300: #fffaed; $sun-faded-sand-400: #fef7e5; $sun-faded-sand-500: #F7E3B5; $sun-faded-sand-600: #d5ccb7; $sun-faded-sand-700: #97907e; $sun-faded-sand-800: #5e584b; $sun-faded-sand-900: #2e2b22; $sun-faded-sand-950: #090805; $warm-coral: #F2B880; $warm-coral-50: #fffdf9; $warm-coral-100: #fffbf5; $warm-coral-200: #fff7eb; $warm-coral-300: #fff1df; $warm-coral-400: #ffead0; $warm-coral-500: #F2B880; $warm-coral-600: #d4ba9b; $warm-coral-700: #988268; $warm-coral-800: #5f4f3b; $warm-coral-900: #302519; $warm-coral-950: #0a0603; $faded-salmon: #D98C75; $faded-salmon-50: #fffcfa; $faded-salmon-100: #fff8f5; $faded-salmon-200: #fff0eb; $faded-salmon-300: #ffe6de; $faded-salmon-400: #fbd9cd; $faded-salmon-500: #D98C75; $faded-salmon-600: #caa496; $faded-salmon-700: #927266; $faded-salmon-800: #5c443b; $faded-salmon-900: #2e1f19; $faded-salmon-950: #090403; $muted-teal: #7FA5A3; $muted-teal-50: #fbfefe; $muted-teal-100: #f6fbfb; $muted-teal-200: #eef6f5; $muted-teal-300: #e2efee; $muted-teal-400: #d3e5e4; $muted-teal-500: #7FA5A3; $muted-teal-600: #9cb2b1; $muted-teal-700: #6b7d7d; $muted-teal-800: #3f4d4c; $muted-teal-900: #1c2524; $muted-teal-950: #040606; $deep-slate: #3E4B59; $deep-slate-50: #f9fbfc; $deep-slate-100: #f1f4f7; $deep-slate-200: #e2e7eb; $deep-slate-300: #ced5dc; $deep-slate-400: #b4bec7; $deep-slate-500: #3E4B59; $deep-slate-600: #707c87; $deep-slate-700: #4c565f; $deep-slate-800: #2c333a; $deep-slate-900: #11161a; $deep-slate-950: #020304;
colors: {
'sun-faded-sand': {
50: '#fffefc',
100: '#fffef9',
200: '#fffcf4',
300: '#fffaed',
400: '#fef7e5',
500: '#F7E3B5',
600: '#d5ccb7',
700: '#97907e',
800: '#5e584b',
900: '#2e2b22',
950: '#090805',
DEFAULT: '#F7E3B5',
},
'warm-coral': {
50: '#fffdf9',
100: '#fffbf5',
200: '#fff7eb',
300: '#fff1df',
400: '#ffead0',
500: '#F2B880',
600: '#d4ba9b',
700: '#988268',
800: '#5f4f3b',
900: '#302519',
950: '#0a0603',
DEFAULT: '#F2B880',
},
'faded-salmon': {
50: '#fffcfa',
100: '#fff8f5',
200: '#fff0eb',
300: '#ffe6de',
400: '#fbd9cd',
500: '#D98C75',
600: '#caa496',
700: '#927266',
800: '#5c443b',
900: '#2e1f19',
950: '#090403',
DEFAULT: '#D98C75',
},
'muted-teal': {
50: '#fbfefe',
100: '#f6fbfb',
200: '#eef6f5',
300: '#e2efee',
400: '#d3e5e4',
500: '#7FA5A3',
600: '#9cb2b1',
700: '#6b7d7d',
800: '#3f4d4c',
900: '#1c2524',
950: '#040606',
DEFAULT: '#7FA5A3',
},
'deep-slate': {
50: '#f9fbfc',
100: '#f1f4f7',
200: '#e2e7eb',
300: '#ced5dc',
400: '#b4bec7',
500: '#3E4B59',
600: '#707c87',
700: '#4c565f',
800: '#2c333a',
900: '#11161a',
950: '#020304',
DEFAULT: '#3E4B59',
},
},
[
{
"name": "sun-faded-sand",
"harmony": "Palette",
"hex": "#F7E3B5",
"rgb": {
"r": 247,
"g": 227,
"b": 181
},
"hsl": {
"h": 42,
"s": 80,
"l": 84
},
"value": "#F7E3B5",
"tonalScale": {
"50": {
"hex": "#fffefc",
"rgb": {
"r": 255,
"g": 254,
"b": 252
}
},
"100": {
"hex": "#fffef9",
"rgb": {
"r": 255,
"g": 254,
"b": 249
}
},
"200": {
"hex": "#fffcf4",
"rgb": {
"r": 255,
"g": 252,
"b": 244
}
},
"300": {
"hex": "#fffaed",
"rgb": {
"r": 255,
"g": 250,
"b": 237
}
},
"400": {
"hex": "#fef7e5",
"rgb": {
"r": 254,
"g": 247,
"b": 229
}
},
"500": {
"hex": "#F7E3B5",
"rgb": {
"r": 247,
"g": 227,
"b": 181
}
},
"600": {
"hex": "#d5ccb7",
"rgb": {
"r": 213,
"g": 204,
"b": 183
}
},
"700": {
"hex": "#97907e",
"rgb": {
"r": 151,
"g": 144,
"b": 126
}
},
"800": {
"hex": "#5e584b",
"rgb": {
"r": 94,
"g": 88,
"b": 75
}
},
"900": {
"hex": "#2e2b22",
"rgb": {
"r": 46,
"g": 43,
"b": 34
}
},
"950": {
"hex": "#090805",
"rgb": {
"r": 9,
"g": 8,
"b": 5
}
}
}
},
{
"name": "warm-coral",
"harmony": "Palette",
"hex": "#F2B880",
"rgb": {
"r": 242,
"g": 184,
"b": 128
},
"hsl": {
"h": 29,
"s": 81,
"l": 73
},
"value": "#F2B880",
"tonalScale": {
"50": {
"hex": "#fffdf9",
"rgb": {
"r": 255,
"g": 253,
"b": 249
}
},
"100": {
"hex": "#fffbf5",
"rgb": {
"r": 255,
"g": 251,
"b": 245
}
},
"200": {
"hex": "#fff7eb",
"rgb": {
"r": 255,
"g": 247,
"b": 235
}
},
"300": {
"hex": "#fff1df",
"rgb": {
"r": 255,
"g": 241,
"b": 223
}
},
"400": {
"hex": "#ffead0",
"rgb": {
"r": 255,
"g": 234,
"b": 208
}
},
"500": {
"hex": "#F2B880",
"rgb": {
"r": 242,
"g": 184,
"b": 128
}
},
"600": {
"hex": "#d4ba9b",
"rgb": {
"r": 212,
"g": 186,
"b": 155
}
},
"700": {
"hex": "#988268",
"rgb": {
"r": 152,
"g": 130,
"b": 104
}
},
"800": {
"hex": "#5f4f3b",
"rgb": {
"r": 95,
"g": 79,
"b": 59
}
},
"900": {
"hex": "#302519",
"rgb": {
"r": 48,
"g": 37,
"b": 25
}
},
"950": {
"hex": "#0a0603",
"rgb": {
"r": 10,
"g": 6,
"b": 3
}
}
}
},
{
"name": "faded-salmon",
"harmony": "Palette",
"hex": "#D98C75",
"rgb": {
"r": 217,
"g": 140,
"b": 117
},
"hsl": {
"h": 14,
"s": 57,
"l": 65
},
"value": "#D98C75",
"tonalScale": {
"50": {
"hex": "#fffcfa",
"rgb": {
"r": 255,
"g": 252,
"b": 250
}
},
"100": {
"hex": "#fff8f5",
"rgb": {
"r": 255,
"g": 248,
"b": 245
}
},
"200": {
"hex": "#fff0eb",
"rgb": {
"r": 255,
"g": 240,
"b": 235
}
},
"300": {
"hex": "#ffe6de",
"rgb": {
"r": 255,
"g": 230,
"b": 222
}
},
"400": {
"hex": "#fbd9cd",
"rgb": {
"r": 251,
"g": 217,
"b": 205
}
},
"500": {
"hex": "#D98C75",
"rgb": {
"r": 217,
"g": 140,
"b": 117
}
},
"600": {
"hex": "#caa496",
"rgb": {
"r": 202,
"g": 164,
"b": 150
}
},
"700": {
"hex": "#927266",
"rgb": {
"r": 146,
"g": 114,
"b": 102
}
},
"800": {
"hex": "#5c443b",
"rgb": {
"r": 92,
"g": 68,
"b": 59
}
},
"900": {
"hex": "#2e1f19",
"rgb": {
"r": 46,
"g": 31,
"b": 25
}
},
"950": {
"hex": "#090403",
"rgb": {
"r": 9,
"g": 4,
"b": 3
}
}
}
},
{
"name": "muted-teal",
"harmony": "Palette",
"hex": "#7FA5A3",
"rgb": {
"r": 127,
"g": 165,
"b": 163
},
"hsl": {
"h": 177,
"s": 17,
"l": 57
},
"value": "#7FA5A3",
"tonalScale": {
"50": {
"hex": "#fbfefe",
"rgb": {
"r": 251,
"g": 254,
"b": 254
}
},
"100": {
"hex": "#f6fbfb",
"rgb": {
"r": 246,
"g": 251,
"b": 251
}
},
"200": {
"hex": "#eef6f5",
"rgb": {
"r": 238,
"g": 246,
"b": 245
}
},
"300": {
"hex": "#e2efee",
"rgb": {
"r": 226,
"g": 239,
"b": 238
}
},
"400": {
"hex": "#d3e5e4",
"rgb": {
"r": 211,
"g": 229,
"b": 228
}
},
"500": {
"hex": "#7FA5A3",
"rgb": {
"r": 127,
"g": 165,
"b": 163
}
},
"600": {
"hex": "#9cb2b1",
"rgb": {
"r": 156,
"g": 178,
"b": 177
}
},
"700": {
"hex": "#6b7d7d",
"rgb": {
"r": 107,
"g": 125,
"b": 125
}
},
"800": {
"hex": "#3f4d4c",
"rgb": {
"r": 63,
"g": 77,
"b": 76
}
},
"900": {
"hex": "#1c2524",
"rgb": {
"r": 28,
"g": 37,
"b": 36
}
},
"950": {
"hex": "#040606",
"rgb": {
"r": 4,
"g": 6,
"b": 6
}
}
}
},
{
"name": "deep-slate",
"harmony": "Palette",
"hex": "#3E4B59",
"rgb": {
"r": 62,
"g": 75,
"b": 89
},
"hsl": {
"h": 211,
"s": 18,
"l": 30
},
"value": "#3E4B59",
"tonalScale": {
"50": {
"hex": "#f9fbfc",
"rgb": {
"r": 249,
"g": 251,
"b": 252
}
},
"100": {
"hex": "#f1f4f7",
"rgb": {
"r": 241,
"g": 244,
"b": 247
}
},
"200": {
"hex": "#e2e7eb",
"rgb": {
"r": 226,
"g": 231,
"b": 235
}
},
"300": {
"hex": "#ced5dc",
"rgb": {
"r": 206,
"g": 213,
"b": 220
}
},
"400": {
"hex": "#b4bec7",
"rgb": {
"r": 180,
"g": 190,
"b": 199
}
},
"500": {
"hex": "#3E4B59",
"rgb": {
"r": 62,
"g": 75,
"b": 89
}
},
"600": {
"hex": "#707c87",
"rgb": {
"r": 112,
"g": 124,
"b": 135
}
},
"700": {
"hex": "#4c565f",
"rgb": {
"r": 76,
"g": 86,
"b": 95
}
},
"800": {
"hex": "#2c333a",
"rgb": {
"r": 44,
"g": 51,
"b": 58
}
},
"900": {
"hex": "#11161a",
"rgb": {
"r": 17,
"g": 22,
"b": 26
}
},
"950": {
"hex": "#020304",
"rgb": {
"r": 2,
"g": 3,
"b": 4
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 sun-faded-sand,Palette,#F7E3B5,"rgb(247, 227, 181)","hsl(42, 80%, 84%)",#F7E3B5,#fffefc,#fffef9,#fffcf4,#fffaed,#fef7e5,#F7E3B5,#d5ccb7,#97907e,#5e584b,#2e2b22,#090805 warm-coral,Palette,#F2B880,"rgb(242, 184, 128)","hsl(29, 81%, 73%)",#F2B880,#fffdf9,#fffbf5,#fff7eb,#fff1df,#ffead0,#F2B880,#d4ba9b,#988268,#5f4f3b,#302519,#0a0603 faded-salmon,Palette,#D98C75,"rgb(217, 140, 117)","hsl(14, 57%, 65%)",#D98C75,#fffcfa,#fff8f5,#fff0eb,#ffe6de,#fbd9cd,#D98C75,#caa496,#927266,#5c443b,#2e1f19,#090403 muted-teal,Palette,#7FA5A3,"rgb(127, 165, 163)","hsl(177, 17%, 57%)",#7FA5A3,#fbfefe,#f6fbfb,#eef6f5,#e2efee,#d3e5e4,#7FA5A3,#9cb2b1,#6b7d7d,#3f4d4c,#1c2524,#040606 deep-slate,Palette,#3E4B59,"rgb(62, 75, 89)","hsl(211, 18%, 30%)",#3E4B59,#f9fbfc,#f1f4f7,#e2e7eb,#ced5dc,#b4bec7,#3E4B59,#707c87,#4c565f,#2c333a,#11161a,#020304
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 247 227 181 sun-faded-sand 255 254 252 sun-faded-sand-50 255 254 249 sun-faded-sand-100 255 252 244 sun-faded-sand-200 255 250 237 sun-faded-sand-300 254 247 229 sun-faded-sand-400 247 227 181 sun-faded-sand-500 213 204 183 sun-faded-sand-600 151 144 126 sun-faded-sand-700 94 88 75 sun-faded-sand-800 46 43 34 sun-faded-sand-900 9 8 5 sun-faded-sand-950 242 184 128 warm-coral 255 253 249 warm-coral-50 255 251 245 warm-coral-100 255 247 235 warm-coral-200 255 241 223 warm-coral-300 255 234 208 warm-coral-400 242 184 128 warm-coral-500 212 186 155 warm-coral-600 152 130 104 warm-coral-700 95 79 59 warm-coral-800 48 37 25 warm-coral-900 10 6 3 warm-coral-950 217 140 117 faded-salmon 255 252 250 faded-salmon-50 255 248 245 faded-salmon-100 255 240 235 faded-salmon-200 255 230 222 faded-salmon-300 251 217 205 faded-salmon-400 217 140 117 faded-salmon-500 202 164 150 faded-salmon-600 146 114 102 faded-salmon-700 92 68 59 faded-salmon-800 46 31 25 faded-salmon-900 9 4 3 faded-salmon-950 127 165 163 muted-teal 251 254 254 muted-teal-50 246 251 251 muted-teal-100 238 246 245 muted-teal-200 226 239 238 muted-teal-300 211 229 228 muted-teal-400 127 165 163 muted-teal-500 156 178 177 muted-teal-600 107 125 125 muted-teal-700 63 77 76 muted-teal-800 28 37 36 muted-teal-900 4 6 6 muted-teal-950 62 75 89 deep-slate 249 251 252 deep-slate-50 241 244 247 deep-slate-100 226 231 235 deep-slate-200 206 213 220 deep-slate-300 180 190 199 deep-slate-400 62 75 89 deep-slate-500 112 124 135 deep-slate-600 76 86 95 deep-slate-700 44 51 58 deep-slate-800 17 22 26 deep-slate-900 2 3 4 deep-slate-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.