#35B99E

CSS

:root {
  --turquoise: #35b99e;
  --turquoise-rgb: 53 185 158;
  --turquoise-oklch: oklch(0.709 0.119 175.8);
}

.element {
  color: var(--turquoise);
  background-color: hsl(168 55% 47%);
  border-color: oklch(0.709 0.119 175.8);
}

Tailwind CSS v4

@theme {
  --color-turquoise: #35b99e;
  --color-turquoise-50: #d2fff5;
  --color-turquoise-100: #bef6e8;
  --color-turquoise-200: #9ce5d4;
  --color-turquoise-300: #6eccb7;
  --color-turquoise-400: #3cb59b;
  --color-turquoise-500: #009f83;
  --color-turquoise-600: #00866f;
  --color-turquoise-700: #006c59;
  --color-turquoise-800: #004f3f;
  --color-turquoise-900: #00372b;
  --color-turquoise-950: #002219;
}

SCSS

$turquoise: #35b99e;
$turquoise-rgb: 53, 185, 158;
$turquoise-light: mix(#fff, $turquoise, 20%);
$turquoise-dark: mix(#000, $turquoise, 20%);

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