#003F1F

CSS

:root {
  --deep-pond: #003f1f;
  --deep-pond-rgb: 0 63 31;
  --deep-pond-oklch: oklch(0.323 0.082 153.9);
}

.element {
  color: var(--deep-pond);
  background-color: hsl(150 100% 12%);
  border-color: oklch(0.323 0.082 153.9);
}

Tailwind CSS v4

@theme {
  --color-deep-pond: #003f1f;
  --color-deep-pond-50: #e3fdeb;
  --color-deep-pond-100: #d3f1dd;
  --color-deep-pond-200: #b9dfc6;
  --color-deep-pond-300: #96c4a6;
  --color-deep-pond-400: #78ad88;
  --color-deep-pond-500: #58966d;
  --color-deep-pond-600: #4b7f5d;
  --color-deep-pond-700: #3c664a;
  --color-deep-pond-800: #2c4b34;
  --color-deep-pond-900: #1e3424;
  --color-deep-pond-950: #0d1f12;
}

SCSS

$deep-pond: #003f1f;
$deep-pond-rgb: 0, 63, 31;
$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);
}