#8DB895

CSS

:root {
  --neptune-green: #8db895;
  --neptune-green-rgb: 141 184 149;
  --neptune-green-oklch: oklch(0.742 0.068 150.1);
}

.element {
  color: var(--neptune-green);
  background-color: hsl(131 23% 64%);
  border-color: oklch(0.742 0.068 150.1);
}

Tailwind CSS v4

@theme {
  --color-neptune-green: #8db895;
  --color-neptune-green-50: #e8fbec;
  --color-neptune-green-100: #d8efdd;
  --color-neptune-green-200: #c0ddc6;
  --color-neptune-green-300: #9ec2a7;
  --color-neptune-green-400: #82aa89;
  --color-neptune-green-500: #65936e;
  --color-neptune-green-600: #567c5e;
  --color-neptune-green-700: #44644b;
  --color-neptune-green-800: #324935;
  --color-neptune-green-900: #223324;
  --color-neptune-green-950: #111e13;
}

SCSS

$neptune-green: #8db895;
$neptune-green-rgb: 141, 184, 149;
$neptune-green-light: mix(#fff, $neptune-green, 20%);
$neptune-green-dark: mix(#000, $neptune-green, 20%);

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