#327A46

CSS

:root {
  --bold-irish: #327a46;
  --bold-irish-rgb: 50 122 70;
  --bold-irish-oklch: oklch(0.52 0.109 150.1);
}

.element {
  color: var(--bold-irish);
  background-color: hsl(137 42% 34%);
  border-color: oklch(0.52 0.109 150.1);
}

Tailwind CSS v4

@theme {
  --color-bold-irish: #327a46;
  --color-bold-irish-50: #dfffe6;
  --color-bold-irish-100: #cef3d6;
  --color-bold-irish-200: #b2e2be;
  --color-bold-irish-300: #8dc89c;
  --color-bold-irish-400: #6db17c;
  --color-bold-irish-500: #4a9a5f;
  --color-bold-irish-600: #3f8250;
  --color-bold-irish-700: #326840;
  --color-bold-irish-800: #254d2c;
  --color-bold-irish-900: #19351e;
  --color-bold-irish-950: #09200e;
}

SCSS

$bold-irish: #327a46;
$bold-irish-rgb: 50, 122, 70;
$bold-irish-light: mix(#fff, $bold-irish, 20%);
$bold-irish-dark: mix(#000, $bold-irish, 20%);

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