Red Curry

CSS

:root {
  --red-curry: #8b5e52;
  --red-curry-rgb: 139 94 82;
  --red-curry-oklch: oklch(0.527 0.062 35.6);
}

.element {
  color: var(--red-curry);
  background-color: hsl(13 26% 43%);
  border-color: oklch(0.527 0.062 35.6);
}

Tailwind CSS v4

@theme {
  --color-red-curry: #8b5e52;
  --color-red-curry-50: #fff0e9;
  --color-red-curry-100: #fce1d9;
  --color-red-curry-200: #edccc2;
  --color-red-curry-300: #d5ada1;
  --color-red-curry-400: #c09285;
  --color-red-curry-500: #ab786a;
  --color-red-curry-600: #91655a;
  --color-red-curry-700: #745148;
  --color-red-curry-800: #563b34;
  --color-red-curry-900: #3c2824;
  --color-red-curry-950: #261612;
}

SCSS

$red-curry: #8b5e52;
$red-curry-rgb: 139, 94, 82;
$red-curry-light: mix(#fff, $red-curry, 20%);
$red-curry-dark: mix(#000, $red-curry, 20%);

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