Bermuda Sand

CSS

:root {
  --bermuda-sand: #dacbbf;
  --bermuda-sand-rgb: 218 203 191;
  --bermuda-sand-oklch: oklch(0.851 0.024 61.2);
}

.element {
  color: var(--bermuda-sand);
  background-color: hsl(27 27% 80%);
  border-color: oklch(0.851 0.024 61.2);
}

Tailwind CSS v4

@theme {
  --color-bermuda-sand: #dacbbf;
  --color-bermuda-sand-50: #faf4ee;
  --color-bermuda-sand-100: #eee6e0;
  --color-bermuda-sand-200: #dcd2ca;
  --color-bermuda-sand-300: #c0b5ab;
  --color-bermuda-sand-400: #a99c91;
  --color-bermuda-sand-500: #928377;
  --color-bermuda-sand-600: #7c6f65;
  --color-bermuda-sand-700: #635950;
  --color-bermuda-sand-800: #49413a;
  --color-bermuda-sand-900: #322c28;
  --color-bermuda-sand-950: #1e1a16;
}

SCSS

$bermuda-sand: #dacbbf;
$bermuda-sand-rgb: 218, 203, 191;
$bermuda-sand-light: mix(#fff, $bermuda-sand, 20%);
$bermuda-sand-dark: mix(#000, $bermuda-sand, 20%);

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