#80A0A5

CSS

:root {
  --stormy-waters: #80a0a5;
  --stormy-waters-rgb: 128 160 165;
  --stormy-waters-oklch: oklch(0.683 0.036 208);
}

.element {
  color: var(--stormy-waters);
  background-color: hsl(188 17% 57%);
  border-color: oklch(0.683 0.036 208);
}

Tailwind CSS v4

@theme {
  --color-stormy-waters: #80a0a5;
  --color-stormy-waters-50: #eaf8fb;
  --color-stormy-waters-100: #dbebef;
  --color-stormy-waters-200: #c4d9dd;
  --color-stormy-waters-300: #a3bdc2;
  --color-stormy-waters-400: #86a5aa;
  --color-stormy-waters-500: #6a8d93;
  --color-stormy-waters-600: #5a787c;
  --color-stormy-waters-700: #486063;
  --color-stormy-waters-800: #344648;
  --color-stormy-waters-900: #233132;
  --color-stormy-waters-950: #121d1e;
}

SCSS

$stormy-waters: #80a0a5;
$stormy-waters-rgb: 128, 160, 165;
$stormy-waters-light: mix(#fff, $stormy-waters, 20%);
$stormy-waters-dark: mix(#000, $stormy-waters, 20%);

.element {
  color: $stormy-waters;
  box-shadow: 0 0 0 2px rgba($stormy-waters, 0.35);
}