Cat Woman

CSS

:root {
  --cat-woman: #cddfbb;
  --cat-woman-rgb: 205 223 187;
  --cat-woman-oklch: oklch(0.881 0.052 129.1);
}

.element {
  color: var(--cat-woman);
  background-color: hsl(90 36% 80%);
  border-color: oklch(0.881 0.052 129.1);
}

Tailwind CSS v4

@theme {
  --color-cat-woman: #cddfbb;
  --color-cat-woman-50: #f0f8e9;
  --color-cat-woman-100: #e2ecda;
  --color-cat-woman-200: #ccd9c2;
  --color-cat-woman-300: #aebda2;
  --color-cat-woman-400: #95a584;
  --color-cat-woman-500: #7b8d69;
  --color-cat-woman-600: #687859;
  --color-cat-woman-700: #536047;
  --color-cat-woman-800: #3d4632;
  --color-cat-woman-900: #2a3022;
  --color-cat-woman-950: #181d11;
}

SCSS

$cat-woman: #cddfbb;
$cat-woman-rgb: 205, 223, 187;
$cat-woman-light: mix(#fff, $cat-woman, 20%);
$cat-woman-dark: mix(#000, $cat-woman, 20%);

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