Mid Tan

CSS

:root {
  --mid-tan: #c4915e;
  --mid-tan-rgb: 196 145 94;
  --mid-tan-oklch: oklch(0.695 0.091 65.4);
}

.element {
  color: var(--mid-tan);
  background-color: hsl(30 46% 57%);
  border-color: oklch(0.695 0.091 65.4);
}

Tailwind CSS v4

@theme {
  --color-mid-tan: #c4915e;
  --color-mid-tan-50: #fff1da;
  --color-mid-tan-100: #fde3c8;
  --color-mid-tan-200: #efceab;
  --color-mid-tan-300: #d7af85;
  --color-mid-tan-400: #c49363;
  --color-mid-tan-500: #af7940;
  --color-mid-tan-600: #946637;
  --color-mid-tan-700: #77522b;
  --color-mid-tan-800: #593b1f;
  --color-mid-tan-900: #3e2914;
  --color-mid-tan-950: #271606;
}

SCSS

$mid-tan: #c4915e;
$mid-tan-rgb: 196, 145, 94;
$mid-tan-light: mix(#fff, $mid-tan, 20%);
$mid-tan-dark: mix(#000, $mid-tan, 20%);

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