#FCECDA

CSS

:root {
  --delicate-seashell: #fcecda;
  --delicate-seashell-rgb: 252 236 218;
  --delicate-seashell-oklch: oklch(0.951 0.03 70.7);
}

.element {
  color: var(--delicate-seashell);
  background-color: hsl(32 85% 92%);
  border-color: oklch(0.951 0.03 70.7);
}

Tailwind CSS v4

@theme {
  --color-delicate-seashell: #fcecda;
  --color-delicate-seashell-50: #faf4ec;
  --color-delicate-seashell-100: #eee7dd;
  --color-delicate-seashell-200: #dcd3c7;
  --color-delicate-seashell-300: #c1b5a7;
  --color-delicate-seashell-400: #aa9c8c;
  --color-delicate-seashell-500: #938371;
  --color-delicate-seashell-600: #7c6f60;
  --color-delicate-seashell-700: #64594d;
  --color-delicate-seashell-800: #494138;
  --color-delicate-seashell-900: #332d26;
  --color-delicate-seashell-950: #1f1a14;
}

SCSS

$delicate-seashell: #fcecda;
$delicate-seashell-rgb: 252, 236, 218;
$delicate-seashell-light: mix(#fff, $delicate-seashell, 20%);
$delicate-seashell-dark: mix(#000, $delicate-seashell, 20%);

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