#D09E93

CSS

:root {
  --indian-mesa: #d09e93;
  --indian-mesa-rgb: 208 158 147;
  --indian-mesa-oklch: oklch(0.743 0.062 32.7);
}

.element {
  color: var(--indian-mesa);
  background-color: hsl(11 39% 70%);
  border-color: oklch(0.743 0.062 32.7);
}

Tailwind CSS v4

@theme {
  --color-indian-mesa: #d09e93;
  --color-indian-mesa-50: #ffefe9;
  --color-indian-mesa-100: #fce1da;
  --color-indian-mesa-200: #edcbc3;
  --color-indian-mesa-300: #d5ada2;
  --color-indian-mesa-400: #c09287;
  --color-indian-mesa-500: #ab776c;
  --color-indian-mesa-600: #91655c;
  --color-indian-mesa-700: #745149;
  --color-indian-mesa-800: #563a35;
  --color-indian-mesa-900: #3c2824;
  --color-indian-mesa-950: #261613;
}

SCSS

$indian-mesa: #d09e93;
$indian-mesa-rgb: 208, 158, 147;
$indian-mesa-light: mix(#fff, $indian-mesa, 20%);
$indian-mesa-dark: mix(#000, $indian-mesa, 20%);

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