#D6A23A

CSS

:root {
  --curry: #d6a23a;
  --curry-rgb: 214 162 58;
  --curry-oklch: oklch(0.743 0.132 81.1);
}

.element {
  color: var(--curry);
  background-color: hsl(40 66% 53%);
  border-color: oklch(0.743 0.132 81.1);
}

Tailwind CSS v4

@theme {
  --color-curry: #d6a23a;
  --color-curry-50: #fff3cb;
  --color-curry-100: #fee5b6;
  --color-curry-200: #f0d093;
  --color-curry-300: #d8b165;
  --color-curry-400: #c69533;
  --color-curry-500: #b27a00;
  --color-curry-600: #966800;
  --color-curry-700: #795300;
  --color-curry-800: #5a3c00;
  --color-curry-900: #3f2900;
  --color-curry-950: #281600;
}

SCSS

$curry: #d6a23a;
$curry-rgb: 214, 162, 58;
$curry-light: mix(#fff, $curry, 20%);
$curry-dark: mix(#000, $curry, 20%);

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