#01431A

CSS

:root {
  --deep-pond: #01431a;
  --deep-pond-rgb: 1 67 26;
  --deep-pond-oklch: oklch(0.335 0.092 149.6);
}

.element {
  color: var(--deep-pond);
  background-color: hsl(143 97% 13%);
  border-color: oklch(0.335 0.092 149.6);
}

Tailwind CSS v4

@theme {
  --color-deep-pond: #01431a;
  --color-deep-pond-50: #e3fde8;
  --color-deep-pond-100: #d2f1d9;
  --color-deep-pond-200: #b8e0c1;
  --color-deep-pond-300: #95c5a0;
  --color-deep-pond-400: #77ae81;
  --color-deep-pond-500: #579765;
  --color-deep-pond-600: #4a8055;
  --color-deep-pond-700: #3b6644;
  --color-deep-pond-800: #2b4b30;
  --color-deep-pond-900: #1d3420;
  --color-deep-pond-950: #0d1f10;
}

SCSS

$deep-pond: #01431a;
$deep-pond-rgb: 1, 67, 26;
$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);
}