#47AC1D

CSS

:root {
  --botanical-garden: #47ac1d;
  --botanical-garden-rgb: 71 172 29;
  --botanical-garden-oklch: oklch(0.659 0.195 138.9);
}

.element {
  color: var(--botanical-garden);
  background-color: hsl(102 71% 39%);
  border-color: oklch(0.659 0.195 138.9);
}

Tailwind CSS v4

@theme {
  --color-botanical-garden: #47ac1d;
  --color-botanical-garden-50: #d7ffcf;
  --color-botanical-garden-100: #c5f9bb;
  --color-botanical-garden-200: #a5e99a;
  --color-botanical-garden-300: #7cd06e;
  --color-botanical-garden-400: #5ab83a;
  --color-botanical-garden-500: #2ba200;
  --color-botanical-garden-600: #278900;
  --color-botanical-garden-700: #1f6e00;
  --color-botanical-garden-800: #1a5000;
  --color-botanical-garden-900: #113800;
  --color-botanical-garden-950: #032200;
}

SCSS

$botanical-garden: #47ac1d;
$botanical-garden-rgb: 71, 172, 29;
$botanical-garden-light: mix(#fff, $botanical-garden, 20%);
$botanical-garden-dark: mix(#000, $botanical-garden, 20%);

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