← Back to Tools
Design tropical summer and travel agency branding with this coral and teal palette featuring #FF7F50 coral red, #008080 teal, #FF6347 tomato coral, and #20B2AA light sea green.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--coral-red: #FF7F50;
--coral-red-50: #fffbf7;
--coral-red-100: #fff7ef;
--coral-red-200: #ffeee2;
--coral-red-300: #ffe3cf;
--coral-red-400: #ffd3b8;
--coral-red-500: #FF7F50;
--coral-red-600: #da9c7c;
--coral-red-700: #9f6b4f;
--coral-red-800: #663e29;
--coral-red-900: #341b0e;
--coral-red-950: #0c0401;
--teal: #008080;
--teal-50: #f1fffe;
--teal-100: #e4fbfb;
--teal-200: #caf4f3;
--teal-300: #a7ebe9;
--teal-400: #75dcdb;
--teal-500: #008080;
--teal-600: #009fa0;
--teal-700: #007272;
--teal-800: #004647;
--teal-900: #002222;
--teal-950: #000506;
--tomato-coral: #FF6347;
--tomato-coral-50: #fffaf7;
--tomato-coral-100: #fff4ef;
--tomato-coral-200: #ffe9e0;
--tomato-coral-300: #ffdacc;
--tomato-coral-400: #ffc6b3;
--tomato-coral-500: #FF6347;
--tomato-coral-600: #db8a75;
--tomato-coral-700: #a05d4b;
--tomato-coral-800: #673427;
--tomato-coral-900: #36150d;
--tomato-coral-950: #0d0201;
--light-sea-green: #20B2AA;
--light-sea-green-50: #f4ffff;
--light-sea-green-100: #eafefd;
--light-sea-green-200: #d6faf8;
--light-sea-green-300: #bbf5f2;
--light-sea-green-400: #97ede9;
--light-sea-green-500: #20B2AA;
--light-sea-green-600: #47b9b5;
--light-sea-green-700: #168481;
--light-sea-green-800: #005250;
--light-sea-green-900: #002827;
--light-sea-green-950: #000707;
}
$coral-red: #FF7F50; $coral-red-50: #fffbf7; $coral-red-100: #fff7ef; $coral-red-200: #ffeee2; $coral-red-300: #ffe3cf; $coral-red-400: #ffd3b8; $coral-red-500: #FF7F50; $coral-red-600: #da9c7c; $coral-red-700: #9f6b4f; $coral-red-800: #663e29; $coral-red-900: #341b0e; $coral-red-950: #0c0401; $teal: #008080; $teal-50: #f1fffe; $teal-100: #e4fbfb; $teal-200: #caf4f3; $teal-300: #a7ebe9; $teal-400: #75dcdb; $teal-500: #008080; $teal-600: #009fa0; $teal-700: #007272; $teal-800: #004647; $teal-900: #002222; $teal-950: #000506; $tomato-coral: #FF6347; $tomato-coral-50: #fffaf7; $tomato-coral-100: #fff4ef; $tomato-coral-200: #ffe9e0; $tomato-coral-300: #ffdacc; $tomato-coral-400: #ffc6b3; $tomato-coral-500: #FF6347; $tomato-coral-600: #db8a75; $tomato-coral-700: #a05d4b; $tomato-coral-800: #673427; $tomato-coral-900: #36150d; $tomato-coral-950: #0d0201; $light-sea-green: #20B2AA; $light-sea-green-50: #f4ffff; $light-sea-green-100: #eafefd; $light-sea-green-200: #d6faf8; $light-sea-green-300: #bbf5f2; $light-sea-green-400: #97ede9; $light-sea-green-500: #20B2AA; $light-sea-green-600: #47b9b5; $light-sea-green-700: #168481; $light-sea-green-800: #005250; $light-sea-green-900: #002827; $light-sea-green-950: #000707;
colors: {
'coral-red': {
50: '#fffbf7',
100: '#fff7ef',
200: '#ffeee2',
300: '#ffe3cf',
400: '#ffd3b8',
500: '#FF7F50',
600: '#da9c7c',
700: '#9f6b4f',
800: '#663e29',
900: '#341b0e',
950: '#0c0401',
DEFAULT: '#FF7F50',
},
'teal': {
50: '#f1fffe',
100: '#e4fbfb',
200: '#caf4f3',
300: '#a7ebe9',
400: '#75dcdb',
500: '#008080',
600: '#009fa0',
700: '#007272',
800: '#004647',
900: '#002222',
950: '#000506',
DEFAULT: '#008080',
},
'tomato-coral': {
50: '#fffaf7',
100: '#fff4ef',
200: '#ffe9e0',
300: '#ffdacc',
400: '#ffc6b3',
500: '#FF6347',
600: '#db8a75',
700: '#a05d4b',
800: '#673427',
900: '#36150d',
950: '#0d0201',
DEFAULT: '#FF6347',
},
'light-sea-green': {
50: '#f4ffff',
100: '#eafefd',
200: '#d6faf8',
300: '#bbf5f2',
400: '#97ede9',
500: '#20B2AA',
600: '#47b9b5',
700: '#168481',
800: '#005250',
900: '#002827',
950: '#000707',
DEFAULT: '#20B2AA',
},
},
[
{
"name": "coral-red",
"harmony": "Palette",
"hex": "#FF7F50",
"rgb": {
"r": 255,
"g": 127,
"b": 80
},
"hsl": {
"h": 16,
"s": 100,
"l": 66
},
"value": "#FF7F50",
"tonalScale": {
"50": {
"hex": "#fffbf7",
"rgb": {
"r": 255,
"g": 251,
"b": 247
}
},
"100": {
"hex": "#fff7ef",
"rgb": {
"r": 255,
"g": 247,
"b": 239
}
},
"200": {
"hex": "#ffeee2",
"rgb": {
"r": 255,
"g": 238,
"b": 226
}
},
"300": {
"hex": "#ffe3cf",
"rgb": {
"r": 255,
"g": 227,
"b": 207
}
},
"400": {
"hex": "#ffd3b8",
"rgb": {
"r": 255,
"g": 211,
"b": 184
}
},
"500": {
"hex": "#FF7F50",
"rgb": {
"r": 255,
"g": 127,
"b": 80
}
},
"600": {
"hex": "#da9c7c",
"rgb": {
"r": 218,
"g": 156,
"b": 124
}
},
"700": {
"hex": "#9f6b4f",
"rgb": {
"r": 159,
"g": 107,
"b": 79
}
},
"800": {
"hex": "#663e29",
"rgb": {
"r": 102,
"g": 62,
"b": 41
}
},
"900": {
"hex": "#341b0e",
"rgb": {
"r": 52,
"g": 27,
"b": 14
}
},
"950": {
"hex": "#0c0401",
"rgb": {
"r": 12,
"g": 4,
"b": 1
}
}
}
},
{
"name": "teal",
"harmony": "Palette",
"hex": "#008080",
"rgb": {
"r": 0,
"g": 128,
"b": 128
},
"hsl": {
"h": 180,
"s": 100,
"l": 25
},
"value": "#008080",
"tonalScale": {
"50": {
"hex": "#f1fffe",
"rgb": {
"r": 241,
"g": 255,
"b": 254
}
},
"100": {
"hex": "#e4fbfb",
"rgb": {
"r": 228,
"g": 251,
"b": 251
}
},
"200": {
"hex": "#caf4f3",
"rgb": {
"r": 202,
"g": 244,
"b": 243
}
},
"300": {
"hex": "#a7ebe9",
"rgb": {
"r": 167,
"g": 235,
"b": 233
}
},
"400": {
"hex": "#75dcdb",
"rgb": {
"r": 117,
"g": 220,
"b": 219
}
},
"500": {
"hex": "#008080",
"rgb": {
"r": 0,
"g": 128,
"b": 128
}
},
"600": {
"hex": "#009fa0",
"rgb": {
"r": 0,
"g": 159,
"b": 160
}
},
"700": {
"hex": "#007272",
"rgb": {
"r": 0,
"g": 114,
"b": 114
}
},
"800": {
"hex": "#004647",
"rgb": {
"r": 0,
"g": 70,
"b": 71
}
},
"900": {
"hex": "#002222",
"rgb": {
"r": 0,
"g": 34,
"b": 34
}
},
"950": {
"hex": "#000506",
"rgb": {
"r": 0,
"g": 5,
"b": 6
}
}
}
},
{
"name": "tomato-coral",
"harmony": "Palette",
"hex": "#FF6347",
"rgb": {
"r": 255,
"g": 99,
"b": 71
},
"hsl": {
"h": 9,
"s": 100,
"l": 64
},
"value": "#FF6347",
"tonalScale": {
"50": {
"hex": "#fffaf7",
"rgb": {
"r": 255,
"g": 250,
"b": 247
}
},
"100": {
"hex": "#fff4ef",
"rgb": {
"r": 255,
"g": 244,
"b": 239
}
},
"200": {
"hex": "#ffe9e0",
"rgb": {
"r": 255,
"g": 233,
"b": 224
}
},
"300": {
"hex": "#ffdacc",
"rgb": {
"r": 255,
"g": 218,
"b": 204
}
},
"400": {
"hex": "#ffc6b3",
"rgb": {
"r": 255,
"g": 198,
"b": 179
}
},
"500": {
"hex": "#FF6347",
"rgb": {
"r": 255,
"g": 99,
"b": 71
}
},
"600": {
"hex": "#db8a75",
"rgb": {
"r": 219,
"g": 138,
"b": 117
}
},
"700": {
"hex": "#a05d4b",
"rgb": {
"r": 160,
"g": 93,
"b": 75
}
},
"800": {
"hex": "#673427",
"rgb": {
"r": 103,
"g": 52,
"b": 39
}
},
"900": {
"hex": "#36150d",
"rgb": {
"r": 54,
"g": 21,
"b": 13
}
},
"950": {
"hex": "#0d0201",
"rgb": {
"r": 13,
"g": 2,
"b": 1
}
}
}
},
{
"name": "light-sea-green",
"harmony": "Palette",
"hex": "#20B2AA",
"rgb": {
"r": 32,
"g": 178,
"b": 170
},
"hsl": {
"h": 177,
"s": 70,
"l": 41
},
"value": "#20B2AA",
"tonalScale": {
"50": {
"hex": "#f4ffff",
"rgb": {
"r": 244,
"g": 255,
"b": 255
}
},
"100": {
"hex": "#eafefd",
"rgb": {
"r": 234,
"g": 254,
"b": 253
}
},
"200": {
"hex": "#d6faf8",
"rgb": {
"r": 214,
"g": 250,
"b": 248
}
},
"300": {
"hex": "#bbf5f2",
"rgb": {
"r": 187,
"g": 245,
"b": 242
}
},
"400": {
"hex": "#97ede9",
"rgb": {
"r": 151,
"g": 237,
"b": 233
}
},
"500": {
"hex": "#20B2AA",
"rgb": {
"r": 32,
"g": 178,
"b": 170
}
},
"600": {
"hex": "#47b9b5",
"rgb": {
"r": 71,
"g": 185,
"b": 181
}
},
"700": {
"hex": "#168481",
"rgb": {
"r": 22,
"g": 132,
"b": 129
}
},
"800": {
"hex": "#005250",
"rgb": {
"r": 0,
"g": 82,
"b": 80
}
},
"900": {
"hex": "#002827",
"rgb": {
"r": 0,
"g": 40,
"b": 39
}
},
"950": {
"hex": "#000707",
"rgb": {
"r": 0,
"g": 7,
"b": 7
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 coral-red,Palette,#FF7F50,"rgb(255, 127, 80)","hsl(16, 100%, 66%)",#FF7F50,#fffbf7,#fff7ef,#ffeee2,#ffe3cf,#ffd3b8,#FF7F50,#da9c7c,#9f6b4f,#663e29,#341b0e,#0c0401 teal,Palette,#008080,"rgb(0, 128, 128)","hsl(180, 100%, 25%)",#008080,#f1fffe,#e4fbfb,#caf4f3,#a7ebe9,#75dcdb,#008080,#009fa0,#007272,#004647,#002222,#000506 tomato-coral,Palette,#FF6347,"rgb(255, 99, 71)","hsl(9, 100%, 64%)",#FF6347,#fffaf7,#fff4ef,#ffe9e0,#ffdacc,#ffc6b3,#FF6347,#db8a75,#a05d4b,#673427,#36150d,#0d0201 light-sea-green,Palette,#20B2AA,"rgb(32, 178, 170)","hsl(177, 70%, 41%)",#20B2AA,#f4ffff,#eafefd,#d6faf8,#bbf5f2,#97ede9,#20B2AA,#47b9b5,#168481,#005250,#002827,#000707
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 255 127 80 coral-red 255 251 247 coral-red-50 255 247 239 coral-red-100 255 238 226 coral-red-200 255 227 207 coral-red-300 255 211 184 coral-red-400 255 127 80 coral-red-500 218 156 124 coral-red-600 159 107 79 coral-red-700 102 62 41 coral-red-800 52 27 14 coral-red-900 12 4 1 coral-red-950 0 128 128 teal 241 255 254 teal-50 228 251 251 teal-100 202 244 243 teal-200 167 235 233 teal-300 117 220 219 teal-400 0 128 128 teal-500 0 159 160 teal-600 0 114 114 teal-700 0 70 71 teal-800 0 34 34 teal-900 0 5 6 teal-950 255 99 71 tomato-coral 255 250 247 tomato-coral-50 255 244 239 tomato-coral-100 255 233 224 tomato-coral-200 255 218 204 tomato-coral-300 255 198 179 tomato-coral-400 255 99 71 tomato-coral-500 219 138 117 tomato-coral-600 160 93 75 tomato-coral-700 103 52 39 tomato-coral-800 54 21 13 tomato-coral-900 13 2 1 tomato-coral-950 32 178 170 light-sea-green 244 255 255 light-sea-green-50 234 254 253 light-sea-green-100 214 250 248 light-sea-green-200 187 245 242 light-sea-green-300 151 237 233 light-sea-green-400 32 178 170 light-sea-green-500 71 185 181 light-sea-green-600 22 132 129 light-sea-green-700 0 82 80 light-sea-green-800 0 40 39 light-sea-green-900 0 7 7 light-sea-green-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.