Abyssal Waters to Salt Mountain color palette

005965Abyssal Waters 007F92Bermuda 0098B9Munsell Blue 00CBE5Caribbean Blue D4F9FFSalt Mountain

About this palette

Abyssal Waters to Salt Mountain is a 5-color cool, monochromatic palette: #005965 (Abyssal Waters), #007F92 (Bermuda), #0098B9 (Munsell Blue), #00CBE5 (Caribbean Blue), #D4F9FF (Salt Mountain). It mixes turquoise, blue, white tones and feels cool overall. The strongest text pairing is #005965 on #D4F9FF with a contrast ratio of 7.18:1, and 1 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Abyssal Waters	rgb(0, 89, 101)	hsl(187, 100%, 20%)
Bermuda	rgb(0, 127, 146)	hsl(188, 100%, 29%)
Munsell Blue	rgb(0, 152, 185)	hsl(191, 100%, 36%)
Caribbean Blue	rgb(0, 203, 229)	hsl(187, 100%, 45%)
Salt Mountain	rgb(212, 249, 255)	hsl(188, 100%, 92%)

Accessible color pairs

Pairs with at least 3:1 contrast (large text and UI components); 4.5:1 or more passes WCAG AA for body text.

Aa7.18:1 Very good#005965 on #D4F9FF
Aa7.18:1 Very good#D4F9FF on #005965
Aa4.22:1 Poor#007F92 on #D4F9FF
Aa4.22:1 Poor#D4F9FF on #007F92
Aa4.08:1 Poor#005965 on #00CBE5
Aa4.08:1 Poor#00CBE5 on #005965
Aa3.04:1 Poor#0098B9 on #D4F9FF
Aa3.04:1 Poor#D4F9FF on #0098B9

Color blindness preview

CSS variables

/* Abyssal Waters to Salt Mountain — https://swatchly.xyz/palette/005965-007f92-0098b9-00cbe5-d4f9ff */
:root {
  --abyssal-waters: #005965;
  --bermuda: #007f92;
  --munsell-blue: #0098b9;
  --caribbean-blue: #00cbe5;
  --salt-mountain: #d4f9ff;
}

Tailwind CSS v4

/* Abyssal Waters to Salt Mountain — https://swatchly.xyz/palette/005965-007f92-0098b9-00cbe5-d4f9ff */
@theme {
  --color-abyssal-waters: #005965;
  --color-abyssal-waters-50: #e2faff;
  --color-abyssal-waters-100: #c9f4fc;
  --color-abyssal-waters-200: #ade1eb;
  --color-abyssal-waters-300: #8ecad5;
  --color-abyssal-waters-400: #66aab7;
  --color-abyssal-waters-500: #468d9a;
  --color-abyssal-waters-600: #2a717d;
  --color-abyssal-waters-700: #005965;
  --color-abyssal-waters-800: #06454e;
  --color-abyssal-waters-900: #01363d;
  --color-abyssal-waters-950: #002127;
  --color-bermuda: #007f92;
  --color-bermuda-50: #e3faff;
  --color-bermuda-100: #c9f5ff;
  --color-bermuda-200: #a3e6f5;
  --color-bermuda-300: #84d2e3;
  --color-bermuda-400: #58b4c7;
  --color-bermuda-500: #339aad;
  --color-bermuda-600: #007f92;
  --color-bermuda-700: #006574;
  --color-bermuda-800: #004f5b;
  --color-bermuda-900: #003d47;
  --color-bermuda-950: #00262d;
  --color-munsell-blue: #0098b9;
  --color-munsell-blue-50: #e8f9ff;
  --color-munsell-blue-100: #d0f3ff;
  --color-munsell-blue-200: #9ae6ff;
  --color-munsell-blue-300: #75d2ef;
  --color-munsell-blue-400: #43b3d4;
  --color-munsell-blue-500: #0098b9;
  --color-munsell-blue-600: #007a96;
  --color-munsell-blue-700: #006177;
  --color-munsell-blue-800: #004c5e;
  --color-munsell-blue-900: #003a49;
  --color-munsell-blue-950: #00242e;
  --color-caribbean-blue: #00cbe5;
  --color-caribbean-blue-50: #d0f7ff;
  --color-caribbean-blue-100: #a8f1ff;
  --color-caribbean-blue-200: #6fe0f5;
  --color-caribbean-blue-300: #00cbe5;
  --color-caribbean-blue-400: #00abc1;
  --color-caribbean-blue-500: #008fa1;
  --color-caribbean-blue-600: #007483;
  --color-caribbean-blue-700: #005d69;
  --color-caribbean-blue-800: #004a54;
  --color-caribbean-blue-900: #003a43;
  --color-caribbean-blue-950: #00242a;
  --color-salt-mountain: #d4f9ff;
  --color-salt-mountain-50: #d4f9ff;
  --color-salt-mountain-100: #d6edf1;
  --color-salt-mountain-200: #c0dbdf;
  --color-salt-mountain-300: #a7c5ca;
  --color-salt-mountain-400: #86a7ad;
  --color-salt-mountain-500: #6a8c92;
  --color-salt-mountain-600: #527278;
  --color-salt-mountain-700: #3d5b60;
  --color-salt-mountain-800: #2d474c;
  --color-salt-mountain-900: #21373b;
  --color-salt-mountain-950: #122225;
}