#30592B

CSS

:root {
  --pine: #30592b;
  --pine-rgb: 48 89 43;
  --pine-oklch: oklch(0.421 0.086 141.6);
}

.element {
  color: var(--pine);
  background-color: hsl(113 35% 26%);
  border-color: oklch(0.421 0.086 141.6);
}

Tailwind CSS v4

@theme {
  --color-pine: #30592b;
  --color-pine-50: #e7fce6;
  --color-pine-100: #d7f0d6;
  --color-pine-200: #bfdebd;
  --color-pine-300: #9dc39b;
  --color-pine-400: #82ac7c;
  --color-pine-500: #65955e;
  --color-pine-600: #567e50;
  --color-pine-700: #446540;
  --color-pine-800: #324a2d;
  --color-pine-900: #22331e;
  --color-pine-950: #111f0e;
}

SCSS

$pine: #30592b;
$pine-rgb: 48, 89, 43;
$pine-light: mix(#fff, $pine, 20%);
$pine-dark: mix(#000, $pine, 20%);

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