Washed Black

CSS

:root {
  --washed-black: #1f262a;
  --washed-black-rgb: 31 38 42;
  --washed-black-oklch: oklch(0.263 0.013 233);
}

.element {
  color: var(--washed-black);
  background-color: hsl(202 15% 14%);
  border-color: oklch(0.263 0.013 233);
}

Tailwind CSS v4

@theme {
  --color-washed-black: #1f262a;
  --color-washed-black-50: #f2f6f8;
  --color-washed-black-100: #e4e9eb;
  --color-washed-black-200: #cfd5d9;
  --color-washed-black-300: #b2b9bd;
  --color-washed-black-400: #98a0a5;
  --color-washed-black-500: #7e888d;
  --color-washed-black-600: #6b7377;
  --color-washed-black-700: #565c60;
  --color-washed-black-800: #3e4346;
  --color-washed-black-900: #2b2e30;
  --color-washed-black-950: #181b1d;
}

SCSS

$washed-black: #1f262a;
$washed-black-rgb: 31, 38, 42;
$washed-black-light: mix(#fff, $washed-black, 20%);
$washed-black-dark: mix(#000, $washed-black, 20%);

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