Old Benchmark

CSS

:root {
  --old-benchmark: #029386;
  --old-benchmark-rgb: 2 147 134;
  --old-benchmark-oklch: oklch(0.596 0.105 184);
}

.element {
  color: var(--old-benchmark);
  background-color: hsl(175 97% 29%);
  border-color: oklch(0.596 0.105 184);
}

Tailwind CSS v4

@theme {
  --color-old-benchmark: #029386;
  --color-old-benchmark-50: #d5fff9;
  --color-old-benchmark-100: #c1f4ed;
  --color-old-benchmark-200: #a0e3db;
  --color-old-benchmark-300: #74c9bf;
  --color-old-benchmark-400: #47b3a5;
  --color-old-benchmark-500: #009c8e;
  --color-old-benchmark-600: #008478;
  --color-old-benchmark-700: #006a60;
  --color-old-benchmark-800: #004e45;
  --color-old-benchmark-900: #023630;
  --color-old-benchmark-950: #00211c;
}

SCSS

$old-benchmark: #029386;
$old-benchmark-rgb: 2, 147, 134;
$old-benchmark-light: mix(#fff, $old-benchmark, 20%);
$old-benchmark-dark: mix(#000, $old-benchmark, 20%);

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