#194B25

CSS

:root {
  --deep-pond: #194b25;
  --deep-pond-rgb: 25 75 37;
  --deep-pond-oklch: oklch(0.368 0.083 148.6);
}

.element {
  color: var(--deep-pond);
  background-color: hsl(134 50% 20%);
  border-color: oklch(0.368 0.083 148.6);
}

Tailwind CSS v4

@theme {
  --color-deep-pond: #194b25;
  --color-deep-pond-50: #e5fce9;
  --color-deep-pond-100: #d5f0da;
  --color-deep-pond-200: #bcdfc2;
  --color-deep-pond-300: #99c4a2;
  --color-deep-pond-400: #7cac83;
  --color-deep-pond-500: #5d9667;
  --color-deep-pond-600: #507f57;
  --color-deep-pond-700: #3f6546;
  --color-deep-pond-800: #2e4a31;
  --color-deep-pond-900: #1f3421;
  --color-deep-pond-950: #0f1f11;
}

SCSS

$deep-pond: #194b25;
$deep-pond-rgb: 25, 75, 37;
$deep-pond-light: mix(#fff, $deep-pond, 20%);
$deep-pond-dark: mix(#000, $deep-pond, 20%);

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