Child of Heaven

CSS

:root {
  --child-of-heaven: #eae5c5;
  --child-of-heaven-rgb: 234 229 197;
  --child-of-heaven-oklch: oklch(0.918 0.043 99.9);
}

.element {
  color: var(--child-of-heaven);
  background-color: hsl(52 47% 85%);
  border-color: oklch(0.918 0.043 99.9);
}

Tailwind CSS v4

@theme {
  --color-child-of-heaven: #eae5c5;
  --color-child-of-heaven-50: #f7f6e8;
  --color-child-of-heaven-100: #eae9d9;
  --color-child-of-heaven-200: #d7d5c1;
  --color-child-of-heaven-300: #bbb9a0;
  --color-child-of-heaven-400: #a49f83;
  --color-child-of-heaven-500: #8c8767;
  --color-child-of-heaven-600: #777257;
  --color-child-of-heaven-700: #5f5c46;
  --color-child-of-heaven-800: #464332;
  --color-child-of-heaven-900: #312e22;
  --color-child-of-heaven-950: #1d1b11;
}

SCSS

$child-of-heaven: #eae5c5;
$child-of-heaven-rgb: 234, 229, 197;
$child-of-heaven-light: mix(#fff, $child-of-heaven, 20%);
$child-of-heaven-dark: mix(#000, $child-of-heaven, 20%);

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