← Back to Tools
Create clean spa wellness and minimalist branding with this aqua and white palette featuring #00CED1 dark turquoise, #FFFFFF pure white, #40E0D0 turquoise, and #F0FFFF azure white.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--dark-turquoise: #00CED1;
--dark-turquoise-50: #f0ffff;
--dark-turquoise-100: #e5ffff;
--dark-turquoise-200: #cdfffe;
--dark-turquoise-300: #abfdfc;
--dark-turquoise-400: #7af7f8;
--dark-turquoise-500: #00CED1;
--dark-turquoise-600: #00c5c7;
--dark-turquoise-700: #008e8f;
--dark-turquoise-800: #00595a;
--dark-turquoise-900: #002c2d;
--dark-turquoise-950: #000909;
--pure-white: #FFFFFF;
--pure-white-50: #ffffff;
--pure-white-100: #ffffff;
--pure-white-200: #ffffff;
--pure-white-300: #ffffff;
--pure-white-400: #ffffff;
--pure-white-500: #FFFFFF;
--pure-white-600: #d7d7d7;
--pure-white-700: #989898;
--pure-white-800: #5d5d5d;
--pure-white-900: #2e2e2e;
--pure-white-950: #090909;
--turquoise: #40E0D0;
--turquoise-50: #f5ffff;
--turquoise-100: #eefffe;
--turquoise-200: #defffc;
--turquoise-300: #c9fef9;
--turquoise-400: #aefbf4;
--turquoise-500: #40E0D0;
--turquoise-600: #6bcdc6;
--turquoise-700: #3b928d;
--turquoise-800: #115b57;
--turquoise-900: #002d2b;
--turquoise-950: #000908;
--azure-white: #F0FFFF;
--azure-white-50: #feffff;
--azure-white-100: #feffff;
--azure-white-200: #fdffff;
--azure-white-300: #fcffff;
--azure-white-400: #faffff;
--azure-white-500: #F0FFFF;
--azure-white-600: #d1d7d7;
--azure-white-700: #939898;
--azure-white-800: #5a5e5e;
--azure-white-900: #2b2e2e;
--azure-white-950: #080909;
}
$dark-turquoise: #00CED1; $dark-turquoise-50: #f0ffff; $dark-turquoise-100: #e5ffff; $dark-turquoise-200: #cdfffe; $dark-turquoise-300: #abfdfc; $dark-turquoise-400: #7af7f8; $dark-turquoise-500: #00CED1; $dark-turquoise-600: #00c5c7; $dark-turquoise-700: #008e8f; $dark-turquoise-800: #00595a; $dark-turquoise-900: #002c2d; $dark-turquoise-950: #000909; $pure-white: #FFFFFF; $pure-white-50: #ffffff; $pure-white-100: #ffffff; $pure-white-200: #ffffff; $pure-white-300: #ffffff; $pure-white-400: #ffffff; $pure-white-500: #FFFFFF; $pure-white-600: #d7d7d7; $pure-white-700: #989898; $pure-white-800: #5d5d5d; $pure-white-900: #2e2e2e; $pure-white-950: #090909; $turquoise: #40E0D0; $turquoise-50: #f5ffff; $turquoise-100: #eefffe; $turquoise-200: #defffc; $turquoise-300: #c9fef9; $turquoise-400: #aefbf4; $turquoise-500: #40E0D0; $turquoise-600: #6bcdc6; $turquoise-700: #3b928d; $turquoise-800: #115b57; $turquoise-900: #002d2b; $turquoise-950: #000908; $azure-white: #F0FFFF; $azure-white-50: #feffff; $azure-white-100: #feffff; $azure-white-200: #fdffff; $azure-white-300: #fcffff; $azure-white-400: #faffff; $azure-white-500: #F0FFFF; $azure-white-600: #d1d7d7; $azure-white-700: #939898; $azure-white-800: #5a5e5e; $azure-white-900: #2b2e2e; $azure-white-950: #080909;
colors: {
'dark-turquoise': {
50: '#f0ffff',
100: '#e5ffff',
200: '#cdfffe',
300: '#abfdfc',
400: '#7af7f8',
500: '#00CED1',
600: '#00c5c7',
700: '#008e8f',
800: '#00595a',
900: '#002c2d',
950: '#000909',
DEFAULT: '#00CED1',
},
'pure-white': {
50: '#ffffff',
100: '#ffffff',
200: '#ffffff',
300: '#ffffff',
400: '#ffffff',
500: '#FFFFFF',
600: '#d7d7d7',
700: '#989898',
800: '#5d5d5d',
900: '#2e2e2e',
950: '#090909',
DEFAULT: '#FFFFFF',
},
'turquoise': {
50: '#f5ffff',
100: '#eefffe',
200: '#defffc',
300: '#c9fef9',
400: '#aefbf4',
500: '#40E0D0',
600: '#6bcdc6',
700: '#3b928d',
800: '#115b57',
900: '#002d2b',
950: '#000908',
DEFAULT: '#40E0D0',
},
'azure-white': {
50: '#feffff',
100: '#feffff',
200: '#fdffff',
300: '#fcffff',
400: '#faffff',
500: '#F0FFFF',
600: '#d1d7d7',
700: '#939898',
800: '#5a5e5e',
900: '#2b2e2e',
950: '#080909',
DEFAULT: '#F0FFFF',
},
},
[
{
"name": "dark-turquoise",
"harmony": "Palette",
"hex": "#00CED1",
"rgb": {
"r": 0,
"g": 206,
"b": 209
},
"hsl": {
"h": 181,
"s": 100,
"l": 41
},
"value": "#00CED1",
"tonalScale": {
"50": {
"hex": "#f0ffff",
"rgb": {
"r": 240,
"g": 255,
"b": 255
}
},
"100": {
"hex": "#e5ffff",
"rgb": {
"r": 229,
"g": 255,
"b": 255
}
},
"200": {
"hex": "#cdfffe",
"rgb": {
"r": 205,
"g": 255,
"b": 254
}
},
"300": {
"hex": "#abfdfc",
"rgb": {
"r": 171,
"g": 253,
"b": 252
}
},
"400": {
"hex": "#7af7f8",
"rgb": {
"r": 122,
"g": 247,
"b": 248
}
},
"500": {
"hex": "#00CED1",
"rgb": {
"r": 0,
"g": 206,
"b": 209
}
},
"600": {
"hex": "#00c5c7",
"rgb": {
"r": 0,
"g": 197,
"b": 199
}
},
"700": {
"hex": "#008e8f",
"rgb": {
"r": 0,
"g": 142,
"b": 143
}
},
"800": {
"hex": "#00595a",
"rgb": {
"r": 0,
"g": 89,
"b": 90
}
},
"900": {
"hex": "#002c2d",
"rgb": {
"r": 0,
"g": 44,
"b": 45
}
},
"950": {
"hex": "#000909",
"rgb": {
"r": 0,
"g": 9,
"b": 9
}
}
}
},
{
"name": "pure-white",
"harmony": "Palette",
"hex": "#FFFFFF",
"rgb": {
"r": 255,
"g": 255,
"b": 255
},
"hsl": {
"h": 0,
"s": 0,
"l": 100
},
"value": "#FFFFFF",
"tonalScale": {
"50": {
"hex": "#ffffff",
"rgb": {
"r": 255,
"g": 255,
"b": 255
}
},
"100": {
"hex": "#ffffff",
"rgb": {
"r": 255,
"g": 255,
"b": 255
}
},
"200": {
"hex": "#ffffff",
"rgb": {
"r": 255,
"g": 255,
"b": 255
}
},
"300": {
"hex": "#ffffff",
"rgb": {
"r": 255,
"g": 255,
"b": 255
}
},
"400": {
"hex": "#ffffff",
"rgb": {
"r": 255,
"g": 255,
"b": 255
}
},
"500": {
"hex": "#FFFFFF",
"rgb": {
"r": 255,
"g": 255,
"b": 255
}
},
"600": {
"hex": "#d7d7d7",
"rgb": {
"r": 215,
"g": 215,
"b": 215
}
},
"700": {
"hex": "#989898",
"rgb": {
"r": 152,
"g": 152,
"b": 152
}
},
"800": {
"hex": "#5d5d5d",
"rgb": {
"r": 93,
"g": 93,
"b": 93
}
},
"900": {
"hex": "#2e2e2e",
"rgb": {
"r": 46,
"g": 46,
"b": 46
}
},
"950": {
"hex": "#090909",
"rgb": {
"r": 9,
"g": 9,
"b": 9
}
}
}
},
{
"name": "turquoise",
"harmony": "Palette",
"hex": "#40E0D0",
"rgb": {
"r": 64,
"g": 224,
"b": 208
},
"hsl": {
"h": 174,
"s": 72,
"l": 56
},
"value": "#40E0D0",
"tonalScale": {
"50": {
"hex": "#f5ffff",
"rgb": {
"r": 245,
"g": 255,
"b": 255
}
},
"100": {
"hex": "#eefffe",
"rgb": {
"r": 238,
"g": 255,
"b": 254
}
},
"200": {
"hex": "#defffc",
"rgb": {
"r": 222,
"g": 255,
"b": 252
}
},
"300": {
"hex": "#c9fef9",
"rgb": {
"r": 201,
"g": 254,
"b": 249
}
},
"400": {
"hex": "#aefbf4",
"rgb": {
"r": 174,
"g": 251,
"b": 244
}
},
"500": {
"hex": "#40E0D0",
"rgb": {
"r": 64,
"g": 224,
"b": 208
}
},
"600": {
"hex": "#6bcdc6",
"rgb": {
"r": 107,
"g": 205,
"b": 198
}
},
"700": {
"hex": "#3b928d",
"rgb": {
"r": 59,
"g": 146,
"b": 141
}
},
"800": {
"hex": "#115b57",
"rgb": {
"r": 17,
"g": 91,
"b": 87
}
},
"900": {
"hex": "#002d2b",
"rgb": {
"r": 0,
"g": 45,
"b": 43
}
},
"950": {
"hex": "#000908",
"rgb": {
"r": 0,
"g": 9,
"b": 8
}
}
}
},
{
"name": "azure-white",
"harmony": "Palette",
"hex": "#F0FFFF",
"rgb": {
"r": 240,
"g": 255,
"b": 255
},
"hsl": {
"h": 180,
"s": 100,
"l": 97
},
"value": "#F0FFFF",
"tonalScale": {
"50": {
"hex": "#feffff",
"rgb": {
"r": 254,
"g": 255,
"b": 255
}
},
"100": {
"hex": "#feffff",
"rgb": {
"r": 254,
"g": 255,
"b": 255
}
},
"200": {
"hex": "#fdffff",
"rgb": {
"r": 253,
"g": 255,
"b": 255
}
},
"300": {
"hex": "#fcffff",
"rgb": {
"r": 252,
"g": 255,
"b": 255
}
},
"400": {
"hex": "#faffff",
"rgb": {
"r": 250,
"g": 255,
"b": 255
}
},
"500": {
"hex": "#F0FFFF",
"rgb": {
"r": 240,
"g": 255,
"b": 255
}
},
"600": {
"hex": "#d1d7d7",
"rgb": {
"r": 209,
"g": 215,
"b": 215
}
},
"700": {
"hex": "#939898",
"rgb": {
"r": 147,
"g": 152,
"b": 152
}
},
"800": {
"hex": "#5a5e5e",
"rgb": {
"r": 90,
"g": 94,
"b": 94
}
},
"900": {
"hex": "#2b2e2e",
"rgb": {
"r": 43,
"g": 46,
"b": 46
}
},
"950": {
"hex": "#080909",
"rgb": {
"r": 8,
"g": 9,
"b": 9
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 dark-turquoise,Palette,#00CED1,"rgb(0, 206, 209)","hsl(181, 100%, 41%)",#00CED1,#f0ffff,#e5ffff,#cdfffe,#abfdfc,#7af7f8,#00CED1,#00c5c7,#008e8f,#00595a,#002c2d,#000909 pure-white,Palette,#FFFFFF,"rgb(255, 255, 255)","hsl(0, 0%, 100%)",#FFFFFF,#ffffff,#ffffff,#ffffff,#ffffff,#ffffff,#FFFFFF,#d7d7d7,#989898,#5d5d5d,#2e2e2e,#090909 turquoise,Palette,#40E0D0,"rgb(64, 224, 208)","hsl(174, 72%, 56%)",#40E0D0,#f5ffff,#eefffe,#defffc,#c9fef9,#aefbf4,#40E0D0,#6bcdc6,#3b928d,#115b57,#002d2b,#000908 azure-white,Palette,#F0FFFF,"rgb(240, 255, 255)","hsl(180, 100%, 97%)",#F0FFFF,#feffff,#feffff,#fdffff,#fcffff,#faffff,#F0FFFF,#d1d7d7,#939898,#5a5e5e,#2b2e2e,#080909
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 0 206 209 dark-turquoise 240 255 255 dark-turquoise-50 229 255 255 dark-turquoise-100 205 255 254 dark-turquoise-200 171 253 252 dark-turquoise-300 122 247 248 dark-turquoise-400 0 206 209 dark-turquoise-500 0 197 199 dark-turquoise-600 0 142 143 dark-turquoise-700 0 89 90 dark-turquoise-800 0 44 45 dark-turquoise-900 0 9 9 dark-turquoise-950 255 255 255 pure-white 255 255 255 pure-white-50 255 255 255 pure-white-100 255 255 255 pure-white-200 255 255 255 pure-white-300 255 255 255 pure-white-400 255 255 255 pure-white-500 215 215 215 pure-white-600 152 152 152 pure-white-700 93 93 93 pure-white-800 46 46 46 pure-white-900 9 9 9 pure-white-950 64 224 208 turquoise 245 255 255 turquoise-50 238 255 254 turquoise-100 222 255 252 turquoise-200 201 254 249 turquoise-300 174 251 244 turquoise-400 64 224 208 turquoise-500 107 205 198 turquoise-600 59 146 141 turquoise-700 17 91 87 turquoise-800 0 45 43 turquoise-900 0 9 8 turquoise-950 240 255 255 azure-white 254 255 255 azure-white-50 254 255 255 azure-white-100 253 255 255 azure-white-200 252 255 255 azure-white-300 250 255 255 azure-white-400 240 255 255 azure-white-500 209 215 215 azure-white-600 147 152 152 azure-white-700 90 94 94 azure-white-800 43 46 46 azure-white-900 8 9 9 azure-white-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.