Airway

CSS

:root {
  --airway: #aec1d4;
  --airway-rgb: 174 193 212;
  --airway-oklch: oklch(0.803 0.034 248.3);
}

.element {
  color: var(--airway);
  background-color: hsl(210 31% 76%);
  border-color: oklch(0.803 0.034 248.3);
}

Tailwind CSS v4

@theme {
  --color-airway: #aec1d4;
  --color-airway-50: #eef6ff;
  --color-airway-100: #e0e9f3;
  --color-airway-200: #cad6e3;
  --color-airway-300: #abb9c9;
  --color-airway-400: #8fa1b2;
  --color-airway-500: #75899c;
  --color-airway-600: #637484;
  --color-airway-700: #4f5c6a;
  --color-airway-800: #39444e;
  --color-airway-900: #272f36;
  --color-airway-950: #151b21;
}

SCSS

$airway: #aec1d4;
$airway-rgb: 174, 193, 212;
$airway-light: mix(#fff, $airway, 20%);
$airway-dark: mix(#000, $airway, 20%);

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