Lion of Hadrian

CSS

:root {
  --lion-of-hadrian: #dbd1b9;
  --lion-of-hadrian-rgb: 219 209 185;
  --lion-of-hadrian-oklch: oklch(0.862 0.034 88.1);
}

.element {
  color: var(--lion-of-hadrian);
  background-color: hsl(42 32% 79%);
  border-color: oklch(0.862 0.034 88.1);
}

Tailwind CSS v4

@theme {
  --color-lion-of-hadrian: #dbd1b9;
  --color-lion-of-hadrian-50: #f9f5ea;
  --color-lion-of-hadrian-100: #ece8db;
  --color-lion-of-hadrian-200: #dad4c4;
  --color-lion-of-hadrian-300: #beb7a4;
  --color-lion-of-hadrian-400: #a79e88;
  --color-lion-of-hadrian-500: #90856d;
  --color-lion-of-hadrian-600: #79715c;
  --color-lion-of-hadrian-700: #615a4a;
  --color-lion-of-hadrian-800: #484235;
  --color-lion-of-hadrian-900: #322d24;
  --color-lion-of-hadrian-950: #1e1a13;
}

SCSS

$lion-of-hadrian: #dbd1b9;
$lion-of-hadrian-rgb: 219, 209, 185;
$lion-of-hadrian-light: mix(#fff, $lion-of-hadrian, 20%);
$lion-of-hadrian-dark: mix(#000, $lion-of-hadrian, 20%);

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