#101B02

CSS

:root {
  --midnight-pines: #101b02;
  --midnight-pines-rgb: 16 27 2;
  --midnight-pines-oklch: oklch(0.204 0.049 128.7);
}

.element {
  color: var(--midnight-pines);
  background-color: hsl(86 86% 6%);
  border-color: oklch(0.204 0.049 128.7);
}

Tailwind CSS v4

@theme {
  --color-midnight-pines: #101b02;
  --color-midnight-pines-50: #f0f8ea;
  --color-midnight-pines-100: #e2ecdb;
  --color-midnight-pines-200: #cdd9c3;
  --color-midnight-pines-300: #afbda3;
  --color-midnight-pines-400: #96a486;
  --color-midnight-pines-500: #7c8d6a;
  --color-midnight-pines-600: #69775a;
  --color-midnight-pines-700: #545f48;
  --color-midnight-pines-800: #3e4633;
  --color-midnight-pines-900: #2a3023;
  --color-midnight-pines-950: #181c12;
}

SCSS

$midnight-pines: #101b02;
$midnight-pines-rgb: 16, 27, 2;
$midnight-pines-light: mix(#fff, $midnight-pines, 20%);
$midnight-pines-dark: mix(#000, $midnight-pines, 20%);

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