#E3DFD2

CSS

:root {
  --oat-milk: #e3dfd2;
  --oat-milk-rgb: 227 223 210;
  --oat-milk-oklch: oklch(0.903 0.018 92.7);
}

.element {
  color: var(--oat-milk);
  background-color: hsl(46 23% 86%);
  border-color: oklch(0.903 0.018 92.7);
}

Tailwind CSS v4

@theme {
  --color-oat-milk: #e3dfd2;
  --color-oat-milk-50: #f7f5ef;
  --color-oat-milk-100: #eae8e1;
  --color-oat-milk-200: #d6d4cc;
  --color-oat-milk-300: #bab7ad;
  --color-oat-milk-400: #a29e93;
  --color-oat-milk-500: #8a8679;
  --color-oat-milk-600: #757167;
  --color-oat-milk-700: #5d5b52;
  --color-oat-milk-800: #45423b;
  --color-oat-milk-900: #2f2e29;
  --color-oat-milk-950: #1c1a17;
}

SCSS

$oat-milk: #e3dfd2;
$oat-milk-rgb: 227, 223, 210;
$oat-milk-light: mix(#fff, $oat-milk, 20%);
$oat-milk-dark: mix(#000, $oat-milk, 20%);

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