Wet Cement

CSS

:root {
  --wet-cement: #89877f;
  --wet-cement-rgb: 137 135 127;
  --wet-cement-oklch: oklch(0.623 0.012 95.3);
}

.element {
  color: var(--wet-cement);
  background-color: hsl(48 4% 52%);
  border-color: oklch(0.623 0.012 95.3);
}

Tailwind CSS v4

@theme {
  --color-wet-cement: #89877f;
  --color-wet-cement-50: #f6f5f1;
  --color-wet-cement-100: #e9e8e3;
  --color-wet-cement-200: #d5d4cf;
  --color-wet-cement-300: #b9b7b1;
  --color-wet-cement-400: #a09e97;
  --color-wet-cement-500: #88867d;
  --color-wet-cement-600: #73726a;
  --color-wet-cement-700: #5c5b55;
  --color-wet-cement-800: #44423e;
  --color-wet-cement-900: #2f2e2a;
  --color-wet-cement-950: #1b1b18;
}

SCSS

$wet-cement: #89877f;
$wet-cement-rgb: 137, 135, 127;
$wet-cement-light: mix(#fff, $wet-cement, 20%);
$wet-cement-dark: mix(#000, $wet-cement, 20%);

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