#E9671D

CSS

:root {
  --honey-teriyaki: #e9671d;
  --honey-teriyaki-rgb: 233 103 29;
  --honey-teriyaki-oklch: oklch(0.665 0.179 44.8);
}

.element {
  color: var(--honey-teriyaki);
  background-color: hsl(22 82% 51%);
  border-color: oklch(0.665 0.179 44.8);
}

Tailwind CSS v4

@theme {
  --color-honey-teriyaki: #e9671d;
  --color-honey-teriyaki-50: #ffe6ca;
  --color-honey-teriyaki-100: #ffd6b5;
  --color-honey-teriyaki-200: #ffbc91;
  --color-honey-teriyaki-300: #ff9863;
  --color-honey-teriyaki-400: #f27637;
  --color-honey-teriyaki-500: #e05100;
  --color-honey-teriyaki-600: #bd4600;
  --color-honey-teriyaki-700: #983800;
  --color-honey-teriyaki-800: #722600;
  --color-honey-teriyaki-900: #511a00;
  --color-honey-teriyaki-950: #350900;
}

SCSS

$honey-teriyaki: #e9671d;
$honey-teriyaki-rgb: 233, 103, 29;
$honey-teriyaki-light: mix(#fff, $honey-teriyaki, 20%);
$honey-teriyaki-dark: mix(#000, $honey-teriyaki, 20%);

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