#ECEAE2

CSS

:root {
  --coconut-milk: #eceae2;
  --coconut-milk-rgb: 236 234 226;
  --coconut-milk-oklch: oklch(0.936 0.011 95.2);
}

.element {
  color: var(--coconut-milk);
  background-color: hsl(48 21% 91%);
  border-color: oklch(0.936 0.011 95.2);
}

Tailwind CSS v4

@theme {
  --color-coconut-milk: #eceae2;
  --color-coconut-milk-50: #f6f5f2;
  --color-coconut-milk-100: #e9e8e4;
  --color-coconut-milk-200: #d5d4cf;
  --color-coconut-milk-300: #b9b7b1;
  --color-coconut-milk-400: #a09e97;
  --color-coconut-milk-500: #88867e;
  --color-coconut-milk-600: #73726b;
  --color-coconut-milk-700: #5c5b55;
  --color-coconut-milk-800: #44423e;
  --color-coconut-milk-900: #2f2e2b;
  --color-coconut-milk-950: #1b1b18;
}

SCSS

$coconut-milk: #eceae2;
$coconut-milk-rgb: 236, 234, 226;
$coconut-milk-light: mix(#fff, $coconut-milk, 20%);
$coconut-milk-dark: mix(#000, $coconut-milk, 20%);

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