#BBD8B5

CSS

:root {
  --nature: #bbd8b5;
  --nature-rgb: 187 216 181;
  --nature-oklch: oklch(0.851 0.057 140.3);
}

.element {
  color: var(--nature);
  background-color: hsl(110 31% 78%);
  border-color: oklch(0.851 0.057 140.3);
}

Tailwind CSS v4

@theme {
  --color-nature: #bbd8b5;
  --color-nature-50: #ecfaeb;
  --color-nature-100: #deeddc;
  --color-nature-200: #c7dbc5;
  --color-nature-300: #a7bfa5;
  --color-nature-400: #8da787;
  --color-nature-500: #72906c;
  --color-nature-600: #617a5c;
  --color-nature-700: #4d6149;
  --color-nature-800: #394734;
  --color-nature-900: #273123;
  --color-nature-950: #151d12;
}

SCSS

$nature: #bbd8b5;
$nature-rgb: 187, 216, 181;
$nature-light: mix(#fff, $nature, 20%);
$nature-dark: mix(#000, $nature, 20%);

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