Tahitian Sky

CSS

:root {
  --tahitian-sky: #c9e9e7;
  --tahitian-sky-rgb: 201 233 231;
  --tahitian-sky-oklch: oklch(0.91 0.034 192);
}

.element {
  color: var(--tahitian-sky);
  background-color: hsl(176 42% 85%);
  border-color: oklch(0.91 0.034 192);
}

Tailwind CSS v4

@theme {
  --color-tahitian-sky: #c9e9e7;
  --color-tahitian-sky-50: #ebf8f8;
  --color-tahitian-sky-100: #dceceb;
  --color-tahitian-sky-200: #c5d9d8;
  --color-tahitian-sky-300: #a5bdbc;
  --color-tahitian-sky-400: #88a5a3;
  --color-tahitian-sky-500: #6d8e8c;
  --color-tahitian-sky-600: #5c7876;
  --color-tahitian-sky-700: #4a605f;
  --color-tahitian-sky-800: #354645;
  --color-tahitian-sky-900: #243130;
  --color-tahitian-sky-950: #131d1c;
}

SCSS

$tahitian-sky: #c9e9e7;
$tahitian-sky-rgb: 201, 233, 231;
$tahitian-sky-light: mix(#fff, $tahitian-sky, 20%);
$tahitian-sky-dark: mix(#000, $tahitian-sky, 20%);

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