Old Mill

CSS

:root {
  --old-mill: #343b4e;
  --old-mill-rgb: 52 59 78;
  --old-mill-oklch: oklch(0.354 0.035 268.9);
}

.element {
  color: var(--old-mill);
  background-color: hsl(224 20% 25%);
  border-color: oklch(0.354 0.035 268.9);
}

Tailwind CSS v4

@theme {
  --color-old-mill: #343b4e;
  --color-old-mill-50: #f1f5ff;
  --color-old-mill-100: #e3e8f4;
  --color-old-mill-200: #ced4e4;
  --color-old-mill-300: #b1b7ca;
  --color-old-mill-400: #969eb4;
  --color-old-mill-500: #7d869e;
  --color-old-mill-600: #6a7185;
  --color-old-mill-700: #545a6b;
  --color-old-mill-800: #3d424f;
  --color-old-mill-900: #2a2e37;
  --color-old-mill-950: #171a22;
}

SCSS

$old-mill: #343b4e;
$old-mill-rgb: 52, 59, 78;
$old-mill-light: mix(#fff, $old-mill, 20%);
$old-mill-dark: mix(#000, $old-mill, 20%);

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