← Back to Tools
Design calm coastal travel and resort branding with this coastal mist palette featuring #F0EBE0 sand, #8EC5C0 sea glass, #4A8C88 teal mist, #C4A882 driftwood, and #2A5552 deep tide.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--sea-glass: #8EC5C0;
--sea-glass-50: #fbfffe;
--sea-glass-100: #f7fdfc;
--sea-glass-200: #effaf9;
--sea-glass-300: #e5f6f4;
--sea-glass-400: #d8f0ee;
--sea-glass-500: #8EC5C0;
--sea-glass-600: #a4c0be;
--sea-glass-700: #708886;
--sea-glass-800: #425452;
--sea-glass-900: #1d2928;
--sea-glass-950: #040707;
--driftwood: #C4A882;
--driftwood-50: #fffdfa;
--driftwood-100: #fefaf6;
--driftwood-200: #fbf5ed;
--driftwood-300: #f7eee1;
--driftwood-400: #f1e5d3;
--driftwood-500: #C4A882;
--driftwood-600: #c0b39d;
--driftwood-700: #897d6b;
--driftwood-800: #554c3e;
--driftwood-900: #29241b;
--driftwood-950: #080604;
--teal-mist: #4A8C88;
--teal-mist-50: #f8fefd;
--teal-mist-100: #f1fafa;
--teal-mist-200: #e2f3f2;
--teal-mist-300: #cfeae9;
--teal-mist-400: #b7dddb;
--teal-mist-500: #4A8C88;
--teal-mist-600: #78a5a3;
--teal-mist-700: #4e7573;
--teal-mist-800: #2a4846;
--teal-mist-900: #0e2221;
--teal-mist-950: #010505;
--sand: #F0EBE0;
--sand-50: #fffffe;
--sand-100: #fffefd;
--sand-200: #fefdfb;
--sand-300: #fdfcf9;
--sand-400: #fbfaf6;
--sand-500: #F0EBE0;
--sand-600: #d2d0cb;
--sand-700: #94938f;
--sand-800: #5b5a57;
--sand-900: #2d2c2a;
--sand-950: #090808;
--deep-tide: #2A5552;
--deep-tide-50: #f7fcfb;
--deep-tide-100: #edf6f5;
--deep-tide-200: #dbeae9;
--deep-tide-300: #c2dad9;
--deep-tide-400: #a2c5c2;
--deep-tide-500: #2A5552;
--deep-tide-600: #5b8481;
--deep-tide-700: #3a5c5b;
--deep-tide-800: #1d3836;
--deep-tide-900: #081918;
--deep-tide-950: #010303;
}
$sea-glass: #8EC5C0; $sea-glass-50: #fbfffe; $sea-glass-100: #f7fdfc; $sea-glass-200: #effaf9; $sea-glass-300: #e5f6f4; $sea-glass-400: #d8f0ee; $sea-glass-500: #8EC5C0; $sea-glass-600: #a4c0be; $sea-glass-700: #708886; $sea-glass-800: #425452; $sea-glass-900: #1d2928; $sea-glass-950: #040707; $driftwood: #C4A882; $driftwood-50: #fffdfa; $driftwood-100: #fefaf6; $driftwood-200: #fbf5ed; $driftwood-300: #f7eee1; $driftwood-400: #f1e5d3; $driftwood-500: #C4A882; $driftwood-600: #c0b39d; $driftwood-700: #897d6b; $driftwood-800: #554c3e; $driftwood-900: #29241b; $driftwood-950: #080604; $teal-mist: #4A8C88; $teal-mist-50: #f8fefd; $teal-mist-100: #f1fafa; $teal-mist-200: #e2f3f2; $teal-mist-300: #cfeae9; $teal-mist-400: #b7dddb; $teal-mist-500: #4A8C88; $teal-mist-600: #78a5a3; $teal-mist-700: #4e7573; $teal-mist-800: #2a4846; $teal-mist-900: #0e2221; $teal-mist-950: #010505; $sand: #F0EBE0; $sand-50: #fffffe; $sand-100: #fffefd; $sand-200: #fefdfb; $sand-300: #fdfcf9; $sand-400: #fbfaf6; $sand-500: #F0EBE0; $sand-600: #d2d0cb; $sand-700: #94938f; $sand-800: #5b5a57; $sand-900: #2d2c2a; $sand-950: #090808; $deep-tide: #2A5552; $deep-tide-50: #f7fcfb; $deep-tide-100: #edf6f5; $deep-tide-200: #dbeae9; $deep-tide-300: #c2dad9; $deep-tide-400: #a2c5c2; $deep-tide-500: #2A5552; $deep-tide-600: #5b8481; $deep-tide-700: #3a5c5b; $deep-tide-800: #1d3836; $deep-tide-900: #081918; $deep-tide-950: #010303;
colors: {
'sea-glass': {
50: '#fbfffe',
100: '#f7fdfc',
200: '#effaf9',
300: '#e5f6f4',
400: '#d8f0ee',
500: '#8EC5C0',
600: '#a4c0be',
700: '#708886',
800: '#425452',
900: '#1d2928',
950: '#040707',
DEFAULT: '#8EC5C0',
},
'driftwood': {
50: '#fffdfa',
100: '#fefaf6',
200: '#fbf5ed',
300: '#f7eee1',
400: '#f1e5d3',
500: '#C4A882',
600: '#c0b39d',
700: '#897d6b',
800: '#554c3e',
900: '#29241b',
950: '#080604',
DEFAULT: '#C4A882',
},
'teal-mist': {
50: '#f8fefd',
100: '#f1fafa',
200: '#e2f3f2',
300: '#cfeae9',
400: '#b7dddb',
500: '#4A8C88',
600: '#78a5a3',
700: '#4e7573',
800: '#2a4846',
900: '#0e2221',
950: '#010505',
DEFAULT: '#4A8C88',
},
'sand': {
50: '#fffffe',
100: '#fffefd',
200: '#fefdfb',
300: '#fdfcf9',
400: '#fbfaf6',
500: '#F0EBE0',
600: '#d2d0cb',
700: '#94938f',
800: '#5b5a57',
900: '#2d2c2a',
950: '#090808',
DEFAULT: '#F0EBE0',
},
'deep-tide': {
50: '#f7fcfb',
100: '#edf6f5',
200: '#dbeae9',
300: '#c2dad9',
400: '#a2c5c2',
500: '#2A5552',
600: '#5b8481',
700: '#3a5c5b',
800: '#1d3836',
900: '#081918',
950: '#010303',
DEFAULT: '#2A5552',
},
},
[
{
"name": "sea-glass",
"harmony": "Palette",
"hex": "#8EC5C0",
"rgb": {
"r": 142,
"g": 197,
"b": 192
},
"hsl": {
"h": 175,
"s": 32,
"l": 66
},
"value": "#8EC5C0",
"tonalScale": {
"50": {
"hex": "#fbfffe",
"rgb": {
"r": 251,
"g": 255,
"b": 254
}
},
"100": {
"hex": "#f7fdfc",
"rgb": {
"r": 247,
"g": 253,
"b": 252
}
},
"200": {
"hex": "#effaf9",
"rgb": {
"r": 239,
"g": 250,
"b": 249
}
},
"300": {
"hex": "#e5f6f4",
"rgb": {
"r": 229,
"g": 246,
"b": 244
}
},
"400": {
"hex": "#d8f0ee",
"rgb": {
"r": 216,
"g": 240,
"b": 238
}
},
"500": {
"hex": "#8EC5C0",
"rgb": {
"r": 142,
"g": 197,
"b": 192
}
},
"600": {
"hex": "#a4c0be",
"rgb": {
"r": 164,
"g": 192,
"b": 190
}
},
"700": {
"hex": "#708886",
"rgb": {
"r": 112,
"g": 136,
"b": 134
}
},
"800": {
"hex": "#425452",
"rgb": {
"r": 66,
"g": 84,
"b": 82
}
},
"900": {
"hex": "#1d2928",
"rgb": {
"r": 29,
"g": 41,
"b": 40
}
},
"950": {
"hex": "#040707",
"rgb": {
"r": 4,
"g": 7,
"b": 7
}
}
}
},
{
"name": "driftwood",
"harmony": "Palette",
"hex": "#C4A882",
"rgb": {
"r": 196,
"g": 168,
"b": 130
},
"hsl": {
"h": 35,
"s": 36,
"l": 64
},
"value": "#C4A882",
"tonalScale": {
"50": {
"hex": "#fffdfa",
"rgb": {
"r": 255,
"g": 253,
"b": 250
}
},
"100": {
"hex": "#fefaf6",
"rgb": {
"r": 254,
"g": 250,
"b": 246
}
},
"200": {
"hex": "#fbf5ed",
"rgb": {
"r": 251,
"g": 245,
"b": 237
}
},
"300": {
"hex": "#f7eee1",
"rgb": {
"r": 247,
"g": 238,
"b": 225
}
},
"400": {
"hex": "#f1e5d3",
"rgb": {
"r": 241,
"g": 229,
"b": 211
}
},
"500": {
"hex": "#C4A882",
"rgb": {
"r": 196,
"g": 168,
"b": 130
}
},
"600": {
"hex": "#c0b39d",
"rgb": {
"r": 192,
"g": 179,
"b": 157
}
},
"700": {
"hex": "#897d6b",
"rgb": {
"r": 137,
"g": 125,
"b": 107
}
},
"800": {
"hex": "#554c3e",
"rgb": {
"r": 85,
"g": 76,
"b": 62
}
},
"900": {
"hex": "#29241b",
"rgb": {
"r": 41,
"g": 36,
"b": 27
}
},
"950": {
"hex": "#080604",
"rgb": {
"r": 8,
"g": 6,
"b": 4
}
}
}
},
{
"name": "teal-mist",
"harmony": "Palette",
"hex": "#4A8C88",
"rgb": {
"r": 74,
"g": 140,
"b": 136
},
"hsl": {
"h": 176,
"s": 31,
"l": 42
},
"value": "#4A8C88",
"tonalScale": {
"50": {
"hex": "#f8fefd",
"rgb": {
"r": 248,
"g": 254,
"b": 253
}
},
"100": {
"hex": "#f1fafa",
"rgb": {
"r": 241,
"g": 250,
"b": 250
}
},
"200": {
"hex": "#e2f3f2",
"rgb": {
"r": 226,
"g": 243,
"b": 242
}
},
"300": {
"hex": "#cfeae9",
"rgb": {
"r": 207,
"g": 234,
"b": 233
}
},
"400": {
"hex": "#b7dddb",
"rgb": {
"r": 183,
"g": 221,
"b": 219
}
},
"500": {
"hex": "#4A8C88",
"rgb": {
"r": 74,
"g": 140,
"b": 136
}
},
"600": {
"hex": "#78a5a3",
"rgb": {
"r": 120,
"g": 165,
"b": 163
}
},
"700": {
"hex": "#4e7573",
"rgb": {
"r": 78,
"g": 117,
"b": 115
}
},
"800": {
"hex": "#2a4846",
"rgb": {
"r": 42,
"g": 72,
"b": 70
}
},
"900": {
"hex": "#0e2221",
"rgb": {
"r": 14,
"g": 34,
"b": 33
}
},
"950": {
"hex": "#010505",
"rgb": {
"r": 1,
"g": 5,
"b": 5
}
}
}
},
{
"name": "sand",
"harmony": "Palette",
"hex": "#F0EBE0",
"rgb": {
"r": 240,
"g": 235,
"b": 224
},
"hsl": {
"h": 41,
"s": 35,
"l": 91
},
"value": "#F0EBE0",
"tonalScale": {
"50": {
"hex": "#fffffe",
"rgb": {
"r": 255,
"g": 255,
"b": 254
}
},
"100": {
"hex": "#fffefd",
"rgb": {
"r": 255,
"g": 254,
"b": 253
}
},
"200": {
"hex": "#fefdfb",
"rgb": {
"r": 254,
"g": 253,
"b": 251
}
},
"300": {
"hex": "#fdfcf9",
"rgb": {
"r": 253,
"g": 252,
"b": 249
}
},
"400": {
"hex": "#fbfaf6",
"rgb": {
"r": 251,
"g": 250,
"b": 246
}
},
"500": {
"hex": "#F0EBE0",
"rgb": {
"r": 240,
"g": 235,
"b": 224
}
},
"600": {
"hex": "#d2d0cb",
"rgb": {
"r": 210,
"g": 208,
"b": 203
}
},
"700": {
"hex": "#94938f",
"rgb": {
"r": 148,
"g": 147,
"b": 143
}
},
"800": {
"hex": "#5b5a57",
"rgb": {
"r": 91,
"g": 90,
"b": 87
}
},
"900": {
"hex": "#2d2c2a",
"rgb": {
"r": 45,
"g": 44,
"b": 42
}
},
"950": {
"hex": "#090808",
"rgb": {
"r": 9,
"g": 8,
"b": 8
}
}
}
},
{
"name": "deep-tide",
"harmony": "Palette",
"hex": "#2A5552",
"rgb": {
"r": 42,
"g": 85,
"b": 82
},
"hsl": {
"h": 176,
"s": 34,
"l": 25
},
"value": "#2A5552",
"tonalScale": {
"50": {
"hex": "#f7fcfb",
"rgb": {
"r": 247,
"g": 252,
"b": 251
}
},
"100": {
"hex": "#edf6f5",
"rgb": {
"r": 237,
"g": 246,
"b": 245
}
},
"200": {
"hex": "#dbeae9",
"rgb": {
"r": 219,
"g": 234,
"b": 233
}
},
"300": {
"hex": "#c2dad9",
"rgb": {
"r": 194,
"g": 218,
"b": 217
}
},
"400": {
"hex": "#a2c5c2",
"rgb": {
"r": 162,
"g": 197,
"b": 194
}
},
"500": {
"hex": "#2A5552",
"rgb": {
"r": 42,
"g": 85,
"b": 82
}
},
"600": {
"hex": "#5b8481",
"rgb": {
"r": 91,
"g": 132,
"b": 129
}
},
"700": {
"hex": "#3a5c5b",
"rgb": {
"r": 58,
"g": 92,
"b": 91
}
},
"800": {
"hex": "#1d3836",
"rgb": {
"r": 29,
"g": 56,
"b": 54
}
},
"900": {
"hex": "#081918",
"rgb": {
"r": 8,
"g": 25,
"b": 24
}
},
"950": {
"hex": "#010303",
"rgb": {
"r": 1,
"g": 3,
"b": 3
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 sea-glass,Palette,#8EC5C0,"rgb(142, 197, 192)","hsl(175, 32%, 66%)",#8EC5C0,#fbfffe,#f7fdfc,#effaf9,#e5f6f4,#d8f0ee,#8EC5C0,#a4c0be,#708886,#425452,#1d2928,#040707 driftwood,Palette,#C4A882,"rgb(196, 168, 130)","hsl(35, 36%, 64%)",#C4A882,#fffdfa,#fefaf6,#fbf5ed,#f7eee1,#f1e5d3,#C4A882,#c0b39d,#897d6b,#554c3e,#29241b,#080604 teal-mist,Palette,#4A8C88,"rgb(74, 140, 136)","hsl(176, 31%, 42%)",#4A8C88,#f8fefd,#f1fafa,#e2f3f2,#cfeae9,#b7dddb,#4A8C88,#78a5a3,#4e7573,#2a4846,#0e2221,#010505 sand,Palette,#F0EBE0,"rgb(240, 235, 224)","hsl(41, 35%, 91%)",#F0EBE0,#fffffe,#fffefd,#fefdfb,#fdfcf9,#fbfaf6,#F0EBE0,#d2d0cb,#94938f,#5b5a57,#2d2c2a,#090808 deep-tide,Palette,#2A5552,"rgb(42, 85, 82)","hsl(176, 34%, 25%)",#2A5552,#f7fcfb,#edf6f5,#dbeae9,#c2dad9,#a2c5c2,#2A5552,#5b8481,#3a5c5b,#1d3836,#081918,#010303
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 142 197 192 sea-glass 251 255 254 sea-glass-50 247 253 252 sea-glass-100 239 250 249 sea-glass-200 229 246 244 sea-glass-300 216 240 238 sea-glass-400 142 197 192 sea-glass-500 164 192 190 sea-glass-600 112 136 134 sea-glass-700 66 84 82 sea-glass-800 29 41 40 sea-glass-900 4 7 7 sea-glass-950 196 168 130 driftwood 255 253 250 driftwood-50 254 250 246 driftwood-100 251 245 237 driftwood-200 247 238 225 driftwood-300 241 229 211 driftwood-400 196 168 130 driftwood-500 192 179 157 driftwood-600 137 125 107 driftwood-700 85 76 62 driftwood-800 41 36 27 driftwood-900 8 6 4 driftwood-950 74 140 136 teal-mist 248 254 253 teal-mist-50 241 250 250 teal-mist-100 226 243 242 teal-mist-200 207 234 233 teal-mist-300 183 221 219 teal-mist-400 74 140 136 teal-mist-500 120 165 163 teal-mist-600 78 117 115 teal-mist-700 42 72 70 teal-mist-800 14 34 33 teal-mist-900 1 5 5 teal-mist-950 240 235 224 sand 255 255 254 sand-50 255 254 253 sand-100 254 253 251 sand-200 253 252 249 sand-300 251 250 246 sand-400 240 235 224 sand-500 210 208 203 sand-600 148 147 143 sand-700 91 90 87 sand-800 45 44 42 sand-900 9 8 8 sand-950 42 85 82 deep-tide 247 252 251 deep-tide-50 237 246 245 deep-tide-100 219 234 233 deep-tide-200 194 218 217 deep-tide-300 162 197 194 deep-tide-400 42 85 82 deep-tide-500 91 132 129 deep-tide-600 58 92 91 deep-tide-700 29 56 54 deep-tide-800 8 25 24 deep-tide-900 1 3 3 deep-tide-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.