#DE9F6D

CSS

:root {
  --coyote: #de9f6d;
  --coyote-rgb: 222 159 109;
  --coyote-oklch: oklch(0.752 0.1 58.9);
}

.element {
  color: var(--coyote);
  background-color: hsl(27 63% 65%);
  border-color: oklch(0.752 0.1 58.9);
}

Tailwind CSS v4

@theme {
  --color-coyote: #de9f6d;
  --color-coyote-50: #ffefd9;
  --color-coyote-100: #ffe1c7;
  --color-coyote-200: #f5cba9;
  --color-coyote-300: #ddac83;
  --color-coyote-400: #cb9061;
  --color-coyote-500: #b7753c;
  --color-coyote-600: #9a6334;
  --color-coyote-700: #7c4f29;
  --color-coyote-800: #5c391d;
  --color-coyote-900: #412713;
  --color-coyote-950: #291505;
}

SCSS

$coyote: #de9f6d;
$coyote-rgb: 222, 159, 109;
$coyote-light: mix(#fff, $coyote, 20%);
$coyote-dark: mix(#000, $coyote, 20%);

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