Continental Waters to Himalayan Salt color palette

93C9D2Continental Waters 005B61Abyssal Waters 1E1929Night Demons 626A24Bimi Green CA7065Himalayan Salt

Open in generator Export PNG, PDF, ASE…

About this palette

Continental Waters to Himalayan Salt is a 5-color cool palette: #93C9D2 (Continental Waters), #005B61 (Abyssal Waters), #1E1929 (Night Demons), #626A24 (Bimi Green), #CA7065 (Himalayan Salt). It mixes turquoise, gray, green, red tones and feels cool overall. The strongest text pairing is #93C9D2 on #1E1929 with a contrast ratio of 9.40:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Continental Waters	rgb(147, 201, 210)	hsl(189, 41%, 70%)
Abyssal Waters	rgb(0, 91, 97)	hsl(184, 100%, 19%)
Night Demons	rgb(30, 25, 41)	hsl(259, 24%, 13%)
Bimi Green	rgb(98, 106, 36)	hsl(67, 49%, 28%)
Himalayan Salt	rgb(202, 112, 101)	hsl(7, 49%, 59%)

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.

Aa9.40:1 Very good#93C9D2 on #1E1929
Aa9.40:1 Very good#1E1929 on #93C9D2
Aa4.91:1 Good#1E1929 on #CA7065
Aa4.91:1 Good#CA7065 on #1E1929
Aa4.32:1 Poor#93C9D2 on #005B61
Aa4.32:1 Poor#005B61 on #93C9D2
Aa3.20:1 Poor#93C9D2 on #626A24
Aa3.20:1 Poor#626A24 on #93C9D2

Color blindness preview

CSS variables

/* Continental Waters to Himalayan Salt — https://swatchly.xyz/palette/93c9d2-005b61-1e1929-626a24-ca7065 */
:root {
  --continental-waters: #93c9d2;
  --abyssal-waters: #005b61;
  --night-demons: #1e1929;
  --bimi-green: #626a24;
  --himalayan-salt: #ca7065;
}

Tailwind CSS v4

/* Continental Waters to Himalayan Salt — https://swatchly.xyz/palette/93c9d2-005b61-1e1929-626a24-ca7065 */
@theme {
  --color-continental-waters: #93c9d2;
  --color-continental-waters-50: #ddfaff;
  --color-continental-waters-100: #cff1f6;
  --color-continental-waters-200: #b5dee4;
  --color-continental-waters-300: #93c9d2;
  --color-continental-waters-400: #76a9b2;
  --color-continental-waters-500: #5a8e97;
  --color-continental-waters-600: #41747c;
  --color-continental-waters-700: #2d5d64;
  --color-continental-waters-800: #1f4950;
  --color-continental-waters-900: #14393e;
  --color-continental-waters-950: #092428;
  --color-abyssal-waters: #005b61;
  --color-abyssal-waters-50: #dcfcff;
  --color-abyssal-waters-100: #c9f5f8;
  --color-abyssal-waters-200: #ade2e6;
  --color-abyssal-waters-300: #8ecbd0;
  --color-abyssal-waters-400: #66acb1;
  --color-abyssal-waters-500: #468f95;
  --color-abyssal-waters-600: #2a7379;
  --color-abyssal-waters-700: #005b61;
  --color-abyssal-waters-800: #05474b;
  --color-abyssal-waters-900: #00373b;
  --color-abyssal-waters-950: #002225;
  --color-night-demons: #1e1929;
  --color-night-demons-50: #f6f3ff;
  --color-night-demons-100: #ece9f7;
  --color-night-demons-200: #d9d4e5;
  --color-night-demons-300: #c3bed0;
  --color-night-demons-400: #a39eb2;
  --color-night-demons-500: #888296;
  --color-night-demons-600: #6c677a;
  --color-night-demons-700: #555062;
  --color-night-demons-800: #423d4c;
  --color-night-demons-900: #312e3a;
  --color-night-demons-950: #1e1929;
  --color-bimi-green: #626a24;
  --color-bimi-green-50: #f3fad3;
  --color-bimi-green-100: #e8efc3;
  --color-bimi-green-200: #d2dba6;
  --color-bimi-green-300: #bac386;
  --color-bimi-green-400: #99a360;
  --color-bimi-green-500: #7d8641;
  --color-bimi-green-600: #626a24;
  --color-bimi-green-700: #4d5416;
  --color-bimi-green-800: #3c4209;
  --color-bimi-green-900: #2e3303;
  --color-bimi-green-950: #1c2001;
  --color-himalayan-salt: #ca7065;
  --color-himalayan-salt-50: #fff3f2;
  --color-himalayan-salt-100: #ffe8e4;
  --color-himalayan-salt-200: #ffcec7;
  --color-himalayan-salt-300: #feaea3;
  --color-himalayan-salt-400: #e48c81;
  --color-himalayan-salt-500: #ca7065;
  --color-himalayan-salt-600: #aa544b;
  --color-himalayan-salt-700: #8c3e36;
  --color-himalayan-salt-800: #712c26;
  --color-himalayan-salt-900: #591f1a;
  --color-himalayan-salt-950: #3a100d;
}