Salmon Smoke

CSS

:root {
  --salmon-smoke: #d4bfbd;
  --salmon-smoke-rgb: 212 191 189;
  --salmon-smoke-oklch: oklch(0.822 0.024 24.2);
}

.element {
  color: var(--salmon-smoke);
  background-color: hsl(5 21% 79%);
  border-color: oklch(0.822 0.024 24.2);
}

Tailwind CSS v4

@theme {
  --color-salmon-smoke: #d4bfbd;
  --color-salmon-smoke-50: #fcf3f1;
  --color-salmon-smoke-100: #f0e5e4;
  --color-salmon-smoke-200: #ded1cf;
  --color-salmon-smoke-300: #c4b3b1;
  --color-salmon-smoke-400: #ac9997;
  --color-salmon-smoke-500: #96807e;
  --color-salmon-smoke-600: #7f6d6b;
  --color-salmon-smoke-700: #655755;
  --color-salmon-smoke-800: #4a3f3f;
  --color-salmon-smoke-900: #342c2b;
  --color-salmon-smoke-950: #1f1918;
}

SCSS

$salmon-smoke: #d4bfbd;
$salmon-smoke-rgb: 212, 191, 189;
$salmon-smoke-light: mix(#fff, $salmon-smoke, 20%);
$salmon-smoke-dark: mix(#000, $salmon-smoke, 20%);

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