Old Mill Blue

CSS

:root {
  --old-mill-blue: #6e6f82;
  --old-mill-blue-rgb: 110 111 130;
  --old-mill-blue-oklch: oklch(0.548 0.029 283);
}

.element {
  color: var(--old-mill-blue);
  background-color: hsl(237 8% 47%);
  border-color: oklch(0.548 0.029 283);
}

Tailwind CSS v4

@theme {
  --color-old-mill-blue: #6e6f82;
  --color-old-mill-blue-50: #f4f4fe;
  --color-old-mill-blue-100: #e6e7f2;
  --color-old-mill-blue-200: #d2d3e1;
  --color-old-mill-blue-300: #b5b6c6;
  --color-old-mill-blue-400: #9b9db0;
  --color-old-mill-blue-500: #83849a;
  --color-old-mill-blue-600: #6f7082;
  --color-old-mill-blue-700: #595968;
  --color-old-mill-blue-800: #40414d;
  --color-old-mill-blue-900: #2c2d35;
  --color-old-mill-blue-950: #191a20;
}

SCSS

$old-mill-blue: #6e6f82;
$old-mill-blue-rgb: 110, 111, 130;
$old-mill-blue-light: mix(#fff, $old-mill-blue, 20%);
$old-mill-blue-dark: mix(#000, $old-mill-blue, 20%);

.element {
  color: $old-mill-blue;
  box-shadow: 0 0 0 2px rgba($old-mill-blue, 0.35);
}