Go to Grey

CSS

:root {
  --go-to-grey: #dcd8d7;
  --go-to-grey-rgb: 220 216 215;
  --go-to-grey-oklch: oklch(0.885 0.005 34.3);
}

.element {
  color: var(--go-to-grey);
  background-color: hsl(12 7% 85%);
  border-color: oklch(0.885 0.005 34.3);
}

Tailwind CSS v4

@theme {
  --color-go-to-grey: #dcd8d7;
  --color-go-to-grey-50: #f6f5f4;
  --color-go-to-grey-100: #e9e7e7;
  --color-go-to-grey-200: #d6d3d3;
  --color-go-to-grey-300: #bab6b6;
  --color-go-to-grey-400: #a19d9c;
  --color-go-to-grey-500: #898584;
  --color-go-to-grey-600: #747170;
  --color-go-to-grey-700: #5d5a59;
  --color-go-to-grey-800: #444241;
  --color-go-to-grey-900: #2f2d2d;
  --color-go-to-grey-950: #1b1a1a;
}

SCSS

$go-to-grey: #dcd8d7;
$go-to-grey-rgb: 220, 216, 215;
$go-to-grey-light: mix(#fff, $go-to-grey, 20%);
$go-to-grey-dark: mix(#000, $go-to-grey, 20%);

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