Dark Green

CSS

:root {
  --dark-green: #033500;
  --dark-green-rgb: 3 53 0;
  --dark-green-oklch: oklch(0.286 0.096 141.7);
}

.element {
  color: var(--dark-green);
  background-color: hsl(117 100% 10%);
  border-color: oklch(0.286 0.096 141.7);
}

Tailwind CSS v4

@theme {
  --color-dark-green: #033500;
  --color-dark-green-50: #e6fde4;
  --color-dark-green-100: #d6f1d4;
  --color-dark-green-200: #bddfbb;
  --color-dark-green-300: #9ac598;
  --color-dark-green-400: #7ead78;
  --color-dark-green-500: #60965a;
  --color-dark-green-600: #527f4c;
  --color-dark-green-700: #41663d;
  --color-dark-green-800: #304a2a;
  --color-dark-green-900: #21341c;
  --color-dark-green-950: #101f0c;
}

SCSS

$dark-green: #033500;
$dark-green-rgb: 3, 53, 0;
$dark-green-light: mix(#fff, $dark-green, 20%);
$dark-green-dark: mix(#000, $dark-green, 20%);

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