#EFF2D7

CSS

:root {
  --final-departure: #eff2d7;
  --final-departure-rgb: 239 242 215;
  --final-departure-oklch: oklch(0.952 0.036 112.2);
}

.element {
  color: var(--final-departure);
  background-color: hsl(67 51% 90%);
  border-color: oklch(0.952 0.036 112.2);
}

Tailwind CSS v4

@theme {
  --color-final-departure: #eff2d7;
  --color-final-departure-50: #f5f6eb;
  --color-final-departure-100: #e7e9dc;
  --color-final-departure-200: #d4d6c5;
  --color-final-departure-300: #b7baa5;
  --color-final-departure-400: #9ea189;
  --color-final-departure-500: #86896e;
  --color-final-departure-600: #72745d;
  --color-final-departure-700: #5b5d4a;
  --color-final-departure-800: #434435;
  --color-final-departure-900: #2e2f24;
  --color-final-departure-950: #1b1b13;
}

SCSS

$final-departure: #eff2d7;
$final-departure-rgb: 239, 242, 215;
$final-departure-light: mix(#fff, $final-departure, 20%);
$final-departure-dark: mix(#000, $final-departure, 20%);

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