#93CFCC

CSS

:root {
  --pastel-turquoise: #93cfcc;
  --pastel-turquoise-rgb: 147 207 204;
  --pastel-turquoise-oklch: oklch(0.813 0.062 192.1);
}

.element {
  color: var(--pastel-turquoise);
  background-color: hsl(177 38% 69%);
  border-color: oklch(0.813 0.062 192.1);
}

Tailwind CSS v4

@theme {
  --color-pastel-turquoise: #93cfcc;
  --color-pastel-turquoise-50: #e2fbfa;
  --color-pastel-turquoise-100: #d1efee;
  --color-pastel-turquoise-200: #b7dddc;
  --color-pastel-turquoise-300: #93c2c1;
  --color-pastel-turquoise-400: #73aaa8;
  --color-pastel-turquoise-500: #519391;
  --color-pastel-turquoise-600: #467d7a;
  --color-pastel-turquoise-700: #386462;
  --color-pastel-turquoise-800: #274947;
  --color-pastel-turquoise-900: #1a3331;
  --color-pastel-turquoise-950: #0a1f1d;
}

SCSS

$pastel-turquoise: #93cfcc;
$pastel-turquoise-rgb: 147, 207, 204;
$pastel-turquoise-light: mix(#fff, $pastel-turquoise, 20%);
$pastel-turquoise-dark: mix(#000, $pastel-turquoise, 20%);

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