#A2BDAB

CSS

:root {
  --copper-patina: #a2bdab;
  --copper-patina-rgb: 162 189 171;
  --copper-patina-oklch: oklch(0.773 0.039 156.2);
}

.element {
  color: var(--copper-patina);
  background-color: hsl(140 17% 69%);
  border-color: oklch(0.773 0.039 156.2);
}

Tailwind CSS v4

@theme {
  --color-copper-patina: #a2bdab;
  --color-copper-patina-50: #ecf9f1;
  --color-copper-patina-100: #deece3;
  --color-copper-patina-200: #c7dace;
  --color-copper-patina-300: #a8beb0;
  --color-copper-patina-400: #8da695;
  --color-copper-patina-500: #728e7c;
  --color-copper-patina-600: #607869;
  --color-copper-patina-700: #4d6054;
  --color-copper-patina-800: #38473c;
  --color-copper-patina-900: #263129;
  --color-copper-patina-950: #151d17;
}

SCSS

$copper-patina: #a2bdab;
$copper-patina-rgb: 162, 189, 171;
$copper-patina-light: mix(#fff, $copper-patina, 20%);
$copper-patina-dark: mix(#000, $copper-patina, 20%);

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