#117A63

CSS

:root {
  --tropical-rainforest: #117a63;
  --tropical-rainforest-rgb: 17 122 99;
  --tropical-rainforest-oklch: oklch(0.519 0.096 172.8);
}

.element {
  color: var(--tropical-rainforest);
  background-color: hsl(167 76% 27%);
  border-color: oklch(0.519 0.096 172.8);
}

Tailwind CSS v4

@theme {
  --color-tropical-rainforest: #117a63;
  --color-tropical-rainforest-50: #dafff3;
  --color-tropical-rainforest-100: #c8f3e6;
  --color-tropical-rainforest-200: #aae2d2;
  --color-tropical-rainforest-300: #82c8b4;
  --color-tropical-rainforest-400: #5cb199;
  --color-tropical-rainforest-500: #2e9a80;
  --color-tropical-rainforest-600: #29836c;
  --color-tropical-rainforest-700: #216956;
  --color-tropical-rainforest-800: #174d3e;
  --color-tropical-rainforest-900: #0f352a;
  --color-tropical-rainforest-950: #022118;
}

SCSS

$tropical-rainforest: #117a63;
$tropical-rainforest-rgb: 17, 122, 99;
$tropical-rainforest-light: mix(#fff, $tropical-rainforest, 20%);
$tropical-rainforest-dark: mix(#000, $tropical-rainforest, 20%);

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