Venetian Glass

CSS

:root {
  --venetian-glass: #9cb08a;
  --venetian-glass-rgb: 156 176 138;
  --venetian-glass-oklch: oklch(0.732 0.058 130.4);
}

.element {
  color: var(--venetian-glass);
  background-color: hsl(92 19% 62%);
  border-color: oklch(0.732 0.058 130.4);
}

Tailwind CSS v4

@theme {
  --color-venetian-glass: #9cb08a;
  --color-venetian-glass-50: #eff9e8;
  --color-venetian-glass-100: #e1ecd9;
  --color-venetian-glass-200: #cbdac1;
  --color-venetian-glass-300: #acbea0;
  --color-venetian-glass-400: #93a682;
  --color-venetian-glass-500: #798e66;
  --color-venetian-glass-600: #677856;
  --color-venetian-glass-700: #526045;
  --color-venetian-glass-800: #3c4631;
  --color-venetian-glass-900: #293121;
  --color-venetian-glass-950: #171d10;
}

SCSS

$venetian-glass: #9cb08a;
$venetian-glass-rgb: 156, 176, 138;
$venetian-glass-light: mix(#fff, $venetian-glass, 20%);
$venetian-glass-dark: mix(#000, $venetian-glass, 20%);

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