#073E16

CSS

:root {
  --deep-pond: #073e16;
  --deep-pond-rgb: 7 62 22;
  --deep-pond-oklch: oklch(0.32 0.087 147.6);
}

.element {
  color: var(--deep-pond);
  background-color: hsl(136 80% 14%);
  border-color: oklch(0.32 0.087 147.6);
}

Tailwind CSS v4

@theme {
  --color-deep-pond: #073e16;
  --color-deep-pond-50: #e5fde8;
  --color-deep-pond-100: #d5f1d9;
  --color-deep-pond-200: #bbdfc1;
  --color-deep-pond-300: #98c4a0;
  --color-deep-pond-400: #7bad81;
  --color-deep-pond-500: #5d9665;
  --color-deep-pond-600: #4f7f55;
  --color-deep-pond-700: #3f6644;
  --color-deep-pond-800: #2e4a30;
  --color-deep-pond-900: #1f3420;
  --color-deep-pond-950: #0f1f10;
}

SCSS

$deep-pond: #073e16;
$deep-pond-rgb: 7, 62, 22;
$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);
}