#3A673C

CSS

:root {
  --jurassic-park: #3a673c;
  --jurassic-park-rgb: 58 103 60;
  --jurassic-park-oklch: oklch(0.469 0.084 145);
}

.element {
  color: var(--jurassic-park);
  background-color: hsl(123 28% 32%);
  border-color: oklch(0.469 0.084 145);
}

Tailwind CSS v4

@theme {
  --color-jurassic-park: #3a673c;
  --color-jurassic-park-50: #e6fce7;
  --color-jurassic-park-100: #d6f0d8;
  --color-jurassic-park-200: #bddfc0;
  --color-jurassic-park-300: #9bc49f;
  --color-jurassic-park-400: #7fac80;
  --color-jurassic-park-500: #619563;
  --color-jurassic-park-600: #537e54;
  --color-jurassic-park-700: #426543;
  --color-jurassic-park-800: #304a2f;
  --color-jurassic-park-900: #213320;
  --color-jurassic-park-950: #101f0f;
}

SCSS

$jurassic-park: #3a673c;
$jurassic-park-rgb: 58, 103, 60;
$jurassic-park-light: mix(#fff, $jurassic-park, 20%);
$jurassic-park-dark: mix(#000, $jurassic-park, 20%);

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