#42633F

CSS

:root {
  --jurassic-park: #42633f;
  --jurassic-park-rgb: 66 99 63;
  --jurassic-park-oklch: oklch(0.464 0.069 142.4);
}

.element {
  color: var(--jurassic-park);
  background-color: hsl(115 22% 32%);
  border-color: oklch(0.464 0.069 142.4);
}

Tailwind CSS v4

@theme {
  --color-jurassic-park: #42633f;
  --color-jurassic-park-50: #eafbe9;
  --color-jurassic-park-100: #dbeeda;
  --color-jurassic-park-200: #c3dcc2;
  --color-jurassic-park-300: #a3c1a2;
  --color-jurassic-park-400: #87a984;
  --color-jurassic-park-500: #6c9268;
  --color-jurassic-park-600: #5b7c58;
  --color-jurassic-park-700: #496346;
  --color-jurassic-park-800: #354832;
  --color-jurassic-park-900: #243222;
  --color-jurassic-park-950: #131e11;
}

SCSS

$jurassic-park: #42633f;
$jurassic-park-rgb: 66, 99, 63;
$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);
}