← Back to Tools
Design calm, restorative 2026 branding with this transformative teal palette featuring #316263 transformative teal, #7FA6A5 soft aqua, #A5C4C0 pale sea glass, #1E4142 deep teal, and #0F2626 midnight green.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--transformative-teal: #316263;
--transformative-teal-50: #f7fcfc;
--transformative-teal-100: #eef7f7;
--transformative-teal-200: #ddeded;
--transformative-teal-300: #c5dfdf;
--transformative-teal-400: #a8cbcc;
--transformative-teal-500: #316263;
--transformative-teal-600: #628d8d;
--transformative-teal-700: #3f6364;
--transformative-teal-800: #203c3c;
--transformative-teal-900: #091b1c;
--transformative-teal-950: #010404;
--soft-aqua: #7FA6A5;
--soft-aqua-50: #fbfefe;
--soft-aqua-100: #f6fbfb;
--soft-aqua-200: #eef6f6;
--soft-aqua-300: #e2efef;
--soft-aqua-400: #d3e5e5;
--soft-aqua-500: #7FA6A5;
--soft-aqua-600: #9cb2b2;
--soft-aqua-700: #6b7e7d;
--soft-aqua-800: #3f4d4d;
--soft-aqua-900: #1c2525;
--soft-aqua-950: #040606;
--pale-sea-glass: #A5C4C0;
--pale-sea-glass-50: #fcfefe;
--pale-sea-glass-100: #f9fdfc;
--pale-sea-glass-200: #f4f9f9;
--pale-sea-glass-300: #ecf5f4;
--pale-sea-glass-400: #e2efed;
--pale-sea-glass-500: #A5C4C0;
--pale-sea-glass-600: #b0c0be;
--pale-sea-glass-700: #7b8786;
--pale-sea-glass-800: #495352;
--pale-sea-glass-900: #222827;
--pale-sea-glass-950: #050707;
--deep-teal: #1E4142;
--deep-teal-50: #f6fbfb;
--deep-teal-100: #ebf4f4;
--deep-teal-200: #d7e6e6;
--deep-teal-300: #bbd3d3;
--deep-teal-400: #98b9ba;
--deep-teal-500: #1E4142;
--deep-teal-600: #4d7475;
--deep-teal-700: #305152;
--deep-teal-800: #163031;
--deep-teal-900: #051515;
--deep-teal-950: #000303;
--midnight-green: #0F2626;
--midnight-green-50: #f5faf9;
--midnight-green-100: #e8f0f0;
--midnight-green-200: #d0dede;
--midnight-green-300: #b0c6c6;
--midnight-green-400: #86a6a5;
--midnight-green-500: #0F2626;
--midnight-green-600: #365a5a;
--midnight-green-700: #1f3e3e;
--midnight-green-800: #0b2424;
--midnight-green-900: #010e0e;
--midnight-green-950: #000202;
}
$transformative-teal: #316263; $transformative-teal-50: #f7fcfc; $transformative-teal-100: #eef7f7; $transformative-teal-200: #ddeded; $transformative-teal-300: #c5dfdf; $transformative-teal-400: #a8cbcc; $transformative-teal-500: #316263; $transformative-teal-600: #628d8d; $transformative-teal-700: #3f6364; $transformative-teal-800: #203c3c; $transformative-teal-900: #091b1c; $transformative-teal-950: #010404; $soft-aqua: #7FA6A5; $soft-aqua-50: #fbfefe; $soft-aqua-100: #f6fbfb; $soft-aqua-200: #eef6f6; $soft-aqua-300: #e2efef; $soft-aqua-400: #d3e5e5; $soft-aqua-500: #7FA6A5; $soft-aqua-600: #9cb2b2; $soft-aqua-700: #6b7e7d; $soft-aqua-800: #3f4d4d; $soft-aqua-900: #1c2525; $soft-aqua-950: #040606; $pale-sea-glass: #A5C4C0; $pale-sea-glass-50: #fcfefe; $pale-sea-glass-100: #f9fdfc; $pale-sea-glass-200: #f4f9f9; $pale-sea-glass-300: #ecf5f4; $pale-sea-glass-400: #e2efed; $pale-sea-glass-500: #A5C4C0; $pale-sea-glass-600: #b0c0be; $pale-sea-glass-700: #7b8786; $pale-sea-glass-800: #495352; $pale-sea-glass-900: #222827; $pale-sea-glass-950: #050707; $deep-teal: #1E4142; $deep-teal-50: #f6fbfb; $deep-teal-100: #ebf4f4; $deep-teal-200: #d7e6e6; $deep-teal-300: #bbd3d3; $deep-teal-400: #98b9ba; $deep-teal-500: #1E4142; $deep-teal-600: #4d7475; $deep-teal-700: #305152; $deep-teal-800: #163031; $deep-teal-900: #051515; $deep-teal-950: #000303; $midnight-green: #0F2626; $midnight-green-50: #f5faf9; $midnight-green-100: #e8f0f0; $midnight-green-200: #d0dede; $midnight-green-300: #b0c6c6; $midnight-green-400: #86a6a5; $midnight-green-500: #0F2626; $midnight-green-600: #365a5a; $midnight-green-700: #1f3e3e; $midnight-green-800: #0b2424; $midnight-green-900: #010e0e; $midnight-green-950: #000202;
colors: {
'transformative-teal': {
50: '#f7fcfc',
100: '#eef7f7',
200: '#ddeded',
300: '#c5dfdf',
400: '#a8cbcc',
500: '#316263',
600: '#628d8d',
700: '#3f6364',
800: '#203c3c',
900: '#091b1c',
950: '#010404',
DEFAULT: '#316263',
},
'soft-aqua': {
50: '#fbfefe',
100: '#f6fbfb',
200: '#eef6f6',
300: '#e2efef',
400: '#d3e5e5',
500: '#7FA6A5',
600: '#9cb2b2',
700: '#6b7e7d',
800: '#3f4d4d',
900: '#1c2525',
950: '#040606',
DEFAULT: '#7FA6A5',
},
'pale-sea-glass': {
50: '#fcfefe',
100: '#f9fdfc',
200: '#f4f9f9',
300: '#ecf5f4',
400: '#e2efed',
500: '#A5C4C0',
600: '#b0c0be',
700: '#7b8786',
800: '#495352',
900: '#222827',
950: '#050707',
DEFAULT: '#A5C4C0',
},
'deep-teal': {
50: '#f6fbfb',
100: '#ebf4f4',
200: '#d7e6e6',
300: '#bbd3d3',
400: '#98b9ba',
500: '#1E4142',
600: '#4d7475',
700: '#305152',
800: '#163031',
900: '#051515',
950: '#000303',
DEFAULT: '#1E4142',
},
'midnight-green': {
50: '#f5faf9',
100: '#e8f0f0',
200: '#d0dede',
300: '#b0c6c6',
400: '#86a6a5',
500: '#0F2626',
600: '#365a5a',
700: '#1f3e3e',
800: '#0b2424',
900: '#010e0e',
950: '#000202',
DEFAULT: '#0F2626',
},
},
[
{
"name": "transformative-teal",
"harmony": "Palette",
"hex": "#316263",
"rgb": {
"r": 49,
"g": 98,
"b": 99
},
"hsl": {
"h": 181,
"s": 34,
"l": 29
},
"value": "#316263",
"tonalScale": {
"50": {
"hex": "#f7fcfc",
"rgb": {
"r": 247,
"g": 252,
"b": 252
}
},
"100": {
"hex": "#eef7f7",
"rgb": {
"r": 238,
"g": 247,
"b": 247
}
},
"200": {
"hex": "#ddeded",
"rgb": {
"r": 221,
"g": 237,
"b": 237
}
},
"300": {
"hex": "#c5dfdf",
"rgb": {
"r": 197,
"g": 223,
"b": 223
}
},
"400": {
"hex": "#a8cbcc",
"rgb": {
"r": 168,
"g": 203,
"b": 204
}
},
"500": {
"hex": "#316263",
"rgb": {
"r": 49,
"g": 98,
"b": 99
}
},
"600": {
"hex": "#628d8d",
"rgb": {
"r": 98,
"g": 141,
"b": 141
}
},
"700": {
"hex": "#3f6364",
"rgb": {
"r": 63,
"g": 99,
"b": 100
}
},
"800": {
"hex": "#203c3c",
"rgb": {
"r": 32,
"g": 60,
"b": 60
}
},
"900": {
"hex": "#091b1c",
"rgb": {
"r": 9,
"g": 27,
"b": 28
}
},
"950": {
"hex": "#010404",
"rgb": {
"r": 1,
"g": 4,
"b": 4
}
}
}
},
{
"name": "soft-aqua",
"harmony": "Palette",
"hex": "#7FA6A5",
"rgb": {
"r": 127,
"g": 166,
"b": 165
},
"hsl": {
"h": 178,
"s": 18,
"l": 57
},
"value": "#7FA6A5",
"tonalScale": {
"50": {
"hex": "#fbfefe",
"rgb": {
"r": 251,
"g": 254,
"b": 254
}
},
"100": {
"hex": "#f6fbfb",
"rgb": {
"r": 246,
"g": 251,
"b": 251
}
},
"200": {
"hex": "#eef6f6",
"rgb": {
"r": 238,
"g": 246,
"b": 246
}
},
"300": {
"hex": "#e2efef",
"rgb": {
"r": 226,
"g": 239,
"b": 239
}
},
"400": {
"hex": "#d3e5e5",
"rgb": {
"r": 211,
"g": 229,
"b": 229
}
},
"500": {
"hex": "#7FA6A5",
"rgb": {
"r": 127,
"g": 166,
"b": 165
}
},
"600": {
"hex": "#9cb2b2",
"rgb": {
"r": 156,
"g": 178,
"b": 178
}
},
"700": {
"hex": "#6b7e7d",
"rgb": {
"r": 107,
"g": 126,
"b": 125
}
},
"800": {
"hex": "#3f4d4d",
"rgb": {
"r": 63,
"g": 77,
"b": 77
}
},
"900": {
"hex": "#1c2525",
"rgb": {
"r": 28,
"g": 37,
"b": 37
}
},
"950": {
"hex": "#040606",
"rgb": {
"r": 4,
"g": 6,
"b": 6
}
}
}
},
{
"name": "pale-sea-glass",
"harmony": "Palette",
"hex": "#A5C4C0",
"rgb": {
"r": 165,
"g": 196,
"b": 192
},
"hsl": {
"h": 172,
"s": 21,
"l": 71
},
"value": "#A5C4C0",
"tonalScale": {
"50": {
"hex": "#fcfefe",
"rgb": {
"r": 252,
"g": 254,
"b": 254
}
},
"100": {
"hex": "#f9fdfc",
"rgb": {
"r": 249,
"g": 253,
"b": 252
}
},
"200": {
"hex": "#f4f9f9",
"rgb": {
"r": 244,
"g": 249,
"b": 249
}
},
"300": {
"hex": "#ecf5f4",
"rgb": {
"r": 236,
"g": 245,
"b": 244
}
},
"400": {
"hex": "#e2efed",
"rgb": {
"r": 226,
"g": 239,
"b": 237
}
},
"500": {
"hex": "#A5C4C0",
"rgb": {
"r": 165,
"g": 196,
"b": 192
}
},
"600": {
"hex": "#b0c0be",
"rgb": {
"r": 176,
"g": 192,
"b": 190
}
},
"700": {
"hex": "#7b8786",
"rgb": {
"r": 123,
"g": 135,
"b": 134
}
},
"800": {
"hex": "#495352",
"rgb": {
"r": 73,
"g": 83,
"b": 82
}
},
"900": {
"hex": "#222827",
"rgb": {
"r": 34,
"g": 40,
"b": 39
}
},
"950": {
"hex": "#050707",
"rgb": {
"r": 5,
"g": 7,
"b": 7
}
}
}
},
{
"name": "deep-teal",
"harmony": "Palette",
"hex": "#1E4142",
"rgb": {
"r": 30,
"g": 65,
"b": 66
},
"hsl": {
"h": 182,
"s": 38,
"l": 19
},
"value": "#1E4142",
"tonalScale": {
"50": {
"hex": "#f6fbfb",
"rgb": {
"r": 246,
"g": 251,
"b": 251
}
},
"100": {
"hex": "#ebf4f4",
"rgb": {
"r": 235,
"g": 244,
"b": 244
}
},
"200": {
"hex": "#d7e6e6",
"rgb": {
"r": 215,
"g": 230,
"b": 230
}
},
"300": {
"hex": "#bbd3d3",
"rgb": {
"r": 187,
"g": 211,
"b": 211
}
},
"400": {
"hex": "#98b9ba",
"rgb": {
"r": 152,
"g": 185,
"b": 186
}
},
"500": {
"hex": "#1E4142",
"rgb": {
"r": 30,
"g": 65,
"b": 66
}
},
"600": {
"hex": "#4d7475",
"rgb": {
"r": 77,
"g": 116,
"b": 117
}
},
"700": {
"hex": "#305152",
"rgb": {
"r": 48,
"g": 81,
"b": 82
}
},
"800": {
"hex": "#163031",
"rgb": {
"r": 22,
"g": 48,
"b": 49
}
},
"900": {
"hex": "#051515",
"rgb": {
"r": 5,
"g": 21,
"b": 21
}
},
"950": {
"hex": "#000303",
"rgb": {
"r": 0,
"g": 3,
"b": 3
}
}
}
},
{
"name": "midnight-green",
"harmony": "Palette",
"hex": "#0F2626",
"rgb": {
"r": 15,
"g": 38,
"b": 38
},
"hsl": {
"h": 180,
"s": 43,
"l": 10
},
"value": "#0F2626",
"tonalScale": {
"50": {
"hex": "#f5faf9",
"rgb": {
"r": 245,
"g": 250,
"b": 249
}
},
"100": {
"hex": "#e8f0f0",
"rgb": {
"r": 232,
"g": 240,
"b": 240
}
},
"200": {
"hex": "#d0dede",
"rgb": {
"r": 208,
"g": 222,
"b": 222
}
},
"300": {
"hex": "#b0c6c6",
"rgb": {
"r": 176,
"g": 198,
"b": 198
}
},
"400": {
"hex": "#86a6a5",
"rgb": {
"r": 134,
"g": 166,
"b": 165
}
},
"500": {
"hex": "#0F2626",
"rgb": {
"r": 15,
"g": 38,
"b": 38
}
},
"600": {
"hex": "#365a5a",
"rgb": {
"r": 54,
"g": 90,
"b": 90
}
},
"700": {
"hex": "#1f3e3e",
"rgb": {
"r": 31,
"g": 62,
"b": 62
}
},
"800": {
"hex": "#0b2424",
"rgb": {
"r": 11,
"g": 36,
"b": 36
}
},
"900": {
"hex": "#010e0e",
"rgb": {
"r": 1,
"g": 14,
"b": 14
}
},
"950": {
"hex": "#000202",
"rgb": {
"r": 0,
"g": 2,
"b": 2
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 transformative-teal,Palette,#316263,"rgb(49, 98, 99)","hsl(181, 34%, 29%)",#316263,#f7fcfc,#eef7f7,#ddeded,#c5dfdf,#a8cbcc,#316263,#628d8d,#3f6364,#203c3c,#091b1c,#010404 soft-aqua,Palette,#7FA6A5,"rgb(127, 166, 165)","hsl(178, 18%, 57%)",#7FA6A5,#fbfefe,#f6fbfb,#eef6f6,#e2efef,#d3e5e5,#7FA6A5,#9cb2b2,#6b7e7d,#3f4d4d,#1c2525,#040606 pale-sea-glass,Palette,#A5C4C0,"rgb(165, 196, 192)","hsl(172, 21%, 71%)",#A5C4C0,#fcfefe,#f9fdfc,#f4f9f9,#ecf5f4,#e2efed,#A5C4C0,#b0c0be,#7b8786,#495352,#222827,#050707 deep-teal,Palette,#1E4142,"rgb(30, 65, 66)","hsl(182, 38%, 19%)",#1E4142,#f6fbfb,#ebf4f4,#d7e6e6,#bbd3d3,#98b9ba,#1E4142,#4d7475,#305152,#163031,#051515,#000303 midnight-green,Palette,#0F2626,"rgb(15, 38, 38)","hsl(180, 43%, 10%)",#0F2626,#f5faf9,#e8f0f0,#d0dede,#b0c6c6,#86a6a5,#0F2626,#365a5a,#1f3e3e,#0b2424,#010e0e,#000202
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 49 98 99 transformative-teal 247 252 252 transformative-teal-50 238 247 247 transformative-teal-100 221 237 237 transformative-teal-200 197 223 223 transformative-teal-300 168 203 204 transformative-teal-400 49 98 99 transformative-teal-500 98 141 141 transformative-teal-600 63 99 100 transformative-teal-700 32 60 60 transformative-teal-800 9 27 28 transformative-teal-900 1 4 4 transformative-teal-950 127 166 165 soft-aqua 251 254 254 soft-aqua-50 246 251 251 soft-aqua-100 238 246 246 soft-aqua-200 226 239 239 soft-aqua-300 211 229 229 soft-aqua-400 127 166 165 soft-aqua-500 156 178 178 soft-aqua-600 107 126 125 soft-aqua-700 63 77 77 soft-aqua-800 28 37 37 soft-aqua-900 4 6 6 soft-aqua-950 165 196 192 pale-sea-glass 252 254 254 pale-sea-glass-50 249 253 252 pale-sea-glass-100 244 249 249 pale-sea-glass-200 236 245 244 pale-sea-glass-300 226 239 237 pale-sea-glass-400 165 196 192 pale-sea-glass-500 176 192 190 pale-sea-glass-600 123 135 134 pale-sea-glass-700 73 83 82 pale-sea-glass-800 34 40 39 pale-sea-glass-900 5 7 7 pale-sea-glass-950 30 65 66 deep-teal 246 251 251 deep-teal-50 235 244 244 deep-teal-100 215 230 230 deep-teal-200 187 211 211 deep-teal-300 152 185 186 deep-teal-400 30 65 66 deep-teal-500 77 116 117 deep-teal-600 48 81 82 deep-teal-700 22 48 49 deep-teal-800 5 21 21 deep-teal-900 0 3 3 deep-teal-950 15 38 38 midnight-green 245 250 249 midnight-green-50 232 240 240 midnight-green-100 208 222 222 midnight-green-200 176 198 198 midnight-green-300 134 166 165 midnight-green-400 15 38 38 midnight-green-500 54 90 90 midnight-green-600 31 62 62 midnight-green-700 11 36 36 midnight-green-800 1 14 14 midnight-green-900 0 2 2 midnight-green-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.