Antimony

CSS

:root {
  --antimony: #c7c8c1;
  --antimony-rgb: 199 200 193;
  --antimony-oklch: oklch(0.83 0.01 113.2);
}

.element {
  color: var(--antimony);
  background-color: hsl(69 6% 77%);
  border-color: oklch(0.83 0.01 113.2);
}

Tailwind CSS v4

@theme {
  --color-antimony: #c7c8c1;
  --color-antimony-50: #f5f5f2;
  --color-antimony-100: #e7e8e5;
  --color-antimony-200: #d4d5d0;
  --color-antimony-300: #b7b8b2;
  --color-antimony-400: #9e9f99;
  --color-antimony-500: #868780;
  --color-antimony-600: #71726c;
  --color-antimony-700: #5b5b56;
  --color-antimony-800: #42433f;
  --color-antimony-900: #2e2e2b;
  --color-antimony-950: #1b1b19;
}

SCSS

$antimony: #c7c8c1;
$antimony-rgb: 199, 200, 193;
$antimony-light: mix(#fff, $antimony, 20%);
$antimony-dark: mix(#000, $antimony, 20%);

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