#AB9B3A

CSS

:root {
  --martian: #ab9b3a;
  --martian-rgb: 171 155 58;
  --martian-oklch: oklch(0.685 0.118 99.9);
}

.element {
  color: var(--martian);
  background-color: hsl(52 49% 45%);
  border-color: oklch(0.685 0.118 99.9);
}

Tailwind CSS v4

@theme {
  --color-martian: #ab9b3a;
  --color-martian-50: #fbf7d1;
  --color-martian-100: #efeabd;
  --color-martian-200: #ded79c;
  --color-martian-300: #c3ba71;
  --color-martian-400: #afa046;
  --color-martian-500: #998700;
  --color-martian-600: #817209;
  --color-martian-700: #675b09;
  --color-martian-800: #4d4203;
  --color-martian-900: #362e03;
  --color-martian-950: #211a00;
}

SCSS

$martian: #ab9b3a;
$martian-rgb: 171, 155, 58;
$martian-light: mix(#fff, $martian, 20%);
$martian-dark: mix(#000, $martian, 20%);

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