#A5BEA9

CSS

:root {
  --copper-patina: #a5bea9;
  --copper-patina-rgb: 165 190 169;
  --copper-patina-oklch: oklch(0.777 0.04 149.9);
}

.element {
  color: var(--copper-patina);
  background-color: hsl(130 16% 70%);
  border-color: oklch(0.777 0.04 149.9);
}

Tailwind CSS v4

@theme {
  --color-copper-patina: #a5bea9;
  --color-copper-patina-50: #edf9f0;
  --color-copper-patina-100: #dfece1;
  --color-copper-patina-200: #c8d9cc;
  --color-copper-patina-300: #a9bead;
  --color-copper-patina-400: #8ea592;
  --color-copper-patina-500: #748e78;
  --color-copper-patina-600: #627866;
  --color-copper-patina-700: #4e6051;
  --color-copper-patina-800: #39463b;
  --color-copper-patina-900: #273128;
  --color-copper-patina-950: #151d16;
}

SCSS

$copper-patina: #a5bea9;
$copper-patina-rgb: 165, 190, 169;
$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);
}