#10431F

CSS

:root {
  --deep-pond: #10431f;
  --deep-pond-rgb: 16 67 31;
  --deep-pond-oklch: oklch(0.339 0.082 149.4);
}

.element {
  color: var(--deep-pond);
  background-color: hsl(138 61% 16%);
  border-color: oklch(0.339 0.082 149.4);
}

Tailwind CSS v4

@theme {
  --color-deep-pond: #10431f;
  --color-deep-pond-50: #e5fcea;
  --color-deep-pond-100: #d5f0da;
  --color-deep-pond-200: #bcdfc3;
  --color-deep-pond-300: #99c4a3;
  --color-deep-pond-400: #7cac84;
  --color-deep-pond-500: #5e9568;
  --color-deep-pond-600: #507e59;
  --color-deep-pond-700: #406547;
  --color-deep-pond-800: #2f4a32;
  --color-deep-pond-900: #1f3322;
  --color-deep-pond-950: #0f1f11;
}

SCSS

$deep-pond: #10431f;
$deep-pond-rgb: 16, 67, 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);
}