Wheels Up!

CSS

:root {
  --wheels-up: #b8bebf;
  --wheels-up-rgb: 184 190 191;
  --wheels-up-oklch: oklch(0.797 0.007 208.8);
}

.element {
  color: var(--wheels-up);
  background-color: hsl(189 5% 74%);
  border-color: oklch(0.797 0.007 208.8);
}

Tailwind CSS v4

@theme {
  --color-wheels-up: #b8bebf;
  --color-wheels-up-50: #f3f6f6;
  --color-wheels-up-100: #e5e8e9;
  --color-wheels-up-200: #d1d5d6;
  --color-wheels-up-300: #b4b8b9;
  --color-wheels-up-400: #9aa0a0;
  --color-wheels-up-500: #818788;
  --color-wheels-up-600: #6d7373;
  --color-wheels-up-700: #575c5c;
  --color-wheels-up-800: #404343;
  --color-wheels-up-900: #2c2e2f;
  --color-wheels-up-950: #191b1b;
}

SCSS

$wheels-up: #b8bebf;
$wheels-up-rgb: 184, 190, 191;
$wheels-up-light: mix(#fff, $wheels-up, 20%);
$wheels-up-dark: mix(#000, $wheels-up, 20%);

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