Salmon Salt

CSS

:root {
  --salmon-salt: #e7968b;
  --salmon-salt-rgb: 231 150 139;
  --salmon-salt-oklch: oklch(0.752 0.1 28.1);
}

.element {
  color: var(--salmon-salt);
  background-color: hsl(7 66% 73%);
  border-color: oklch(0.752 0.1 28.1);
}

Tailwind CSS v4

@theme {
  --color-salmon-salt: #e7968b;
  --color-salmon-salt-50: #ffebe4;
  --color-salmon-salt-100: #ffdcd4;
  --color-salmon-salt-200: #fcc5bb;
  --color-salmon-salt-300: #e6a599;
  --color-salmon-salt-400: #d3877d;
  --color-salmon-salt-500: #bf6b60;
  --color-salmon-salt-600: #a25b52;
  --color-salmon-salt-700: #824841;
  --color-salmon-salt-800: #603430;
  --color-salmon-salt-900: #442320;
  --color-salmon-salt-950: #2b1210;
}

SCSS

$salmon-salt: #e7968b;
$salmon-salt-rgb: 231, 150, 139;
$salmon-salt-light: mix(#fff, $salmon-salt, 20%);
$salmon-salt-dark: mix(#000, $salmon-salt, 20%);

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