#DEE5D0

CSS

:root {
  --gin: #dee5d0;
  --gin-rgb: 222 229 208;
  --gin-oklch: oklch(0.911 0.029 122);
}

.element {
  color: var(--gin);
  background-color: hsl(80 29% 86%);
  border-color: oklch(0.911 0.029 122);
}

Tailwind CSS v4

@theme {
  --color-gin: #dee5d0;
  --color-gin-50: #f3f7ee;
  --color-gin-100: #e6eadf;
  --color-gin-200: #d1d7c9;
  --color-gin-300: #b4baaa;
  --color-gin-400: #9ba18f;
  --color-gin-500: #838a74;
  --color-gin-600: #6f7463;
  --color-gin-700: #585d4f;
  --color-gin-800: #414439;
  --color-gin-900: #2d2f27;
  --color-gin-950: #1a1b15;
}

SCSS

$gin: #dee5d0;
$gin-rgb: 222, 229, 208;
$gin-light: mix(#fff, $gin, 20%);
$gin-dark: mix(#000, $gin, 20%);

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