Angel of Death Victorious

CSS

:root {
  --angel-of-death-victorious: #c6f0e7;
  --angel-of-death-victorious-rgb: 198 240 231;
  --angel-of-death-victorious-oklch: oklch(0.923 0.045 180.8);
}

.element {
  color: var(--angel-of-death-victorious);
  background-color: hsl(167 58% 86%);
  border-color: oklch(0.923 0.045 180.8);
}

Tailwind CSS v4

@theme {
  --color-angel-of-death-victorious: #c6f0e7;
  --color-angel-of-death-victorious-50: #e8faf6;
  --color-angel-of-death-victorious-100: #d8ede9;
  --color-angel-of-death-victorious-200: #c0dbd6;
  --color-angel-of-death-victorious-300: #9fbfb9;
  --color-angel-of-death-victorious-400: #82a8a0;
  --color-angel-of-death-victorious-500: #659088;
  --color-angel-of-death-victorious-600: #567a73;
  --color-angel-of-death-victorious-700: #44625c;
  --color-angel-of-death-victorious-800: #314843;
  --color-angel-of-death-victorious-900: #21322e;
  --color-angel-of-death-victorious-950: #111e1b;
}

SCSS

$angel-of-death-victorious: #c6f0e7;
$angel-of-death-victorious-rgb: 198, 240, 231;
$angel-of-death-victorious-light: mix(#fff, $angel-of-death-victorious, 20%);
$angel-of-death-victorious-dark: mix(#000, $angel-of-death-victorious, 20%);

.element {
  color: $angel-of-death-victorious;
  box-shadow: 0 0 0 2px rgba($angel-of-death-victorious, 0.35);
}