Hills of Ireland

CSS

:root {
  --hills-of-ireland: #417b42;
  --hills-of-ireland-rgb: 65 123 66;
  --hills-of-ireland-oklch: oklch(0.528 0.106 144.2);
}

.element {
  color: var(--hills-of-ireland);
  background-color: hsl(121 31% 37%);
  border-color: oklch(0.528 0.106 144.2);
}

Tailwind CSS v4

@theme {
  --color-hills-of-ireland: #417b42;
  --color-hills-of-ireland-50: #e3fee4;
  --color-hills-of-ireland-100: #d2f2d3;
  --color-hills-of-ireland-200: #b8e1ba;
  --color-hills-of-ireland-300: #94c697;
  --color-hills-of-ireland-400: #77af76;
  --color-hills-of-ireland-500: #579857;
  --color-hills-of-ireland-600: #4a814b;
  --color-hills-of-ireland-700: #3b673b;
  --color-hills-of-ireland-800: #2c4c29;
  --color-hills-of-ireland-900: #1d341b;
  --color-hills-of-ireland-950: #0d200c;
}

SCSS

$hills-of-ireland: #417b42;
$hills-of-ireland-rgb: 65, 123, 66;
$hills-of-ireland-light: mix(#fff, $hills-of-ireland, 20%);
$hills-of-ireland-dark: mix(#000, $hills-of-ireland, 20%);

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