Silken Tofu

CSS

:root {
  --silken-tofu: #fef6d8;
  --silken-tofu-rgb: 254 246 216;
  --silken-tofu-oklch: oklch(0.972 0.04 94.7);
}

.element {
  color: var(--silken-tofu);
  background-color: hsl(47 95% 92%);
  border-color: oklch(0.972 0.04 94.7);
}

Tailwind CSS v4

@theme {
  --color-silken-tofu: #fef6d8;
  --color-silken-tofu-50: #f8f5e9;
  --color-silken-tofu-100: #ebe8d9;
  --color-silken-tofu-200: #d9d5c2;
  --color-silken-tofu-300: #bdb8a1;
  --color-silken-tofu-400: #a69f84;
  --color-silken-tofu-500: #8e8668;
  --color-silken-tofu-600: #787259;
  --color-silken-tofu-700: #605b47;
  --color-silken-tofu-800: #474233;
  --color-silken-tofu-900: #312e22;
  --color-silken-tofu-950: #1d1a12;
}

SCSS

$silken-tofu: #fef6d8;
$silken-tofu-rgb: 254, 246, 216;
$silken-tofu-light: mix(#fff, $silken-tofu, 20%);
$silken-tofu-dark: mix(#000, $silken-tofu, 20%);

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