Dark Olive Paste

CSS

:root {
  --dark-olive-paste: #6e5160;
  --dark-olive-paste-rgb: 110 81 96;
  --dark-olive-paste-oklch: oklch(0.471 0.045 346.5);
}

.element {
  color: var(--dark-olive-paste);
  background-color: hsl(329 15% 37%);
  border-color: oklch(0.471 0.045 346.5);
}

Tailwind CSS v4

@theme {
  --color-dark-olive-paste: #6e5160;
  --color-dark-olive-paste-50: #fff0f7;
  --color-dark-olive-paste-100: #f4e2ea;
  --color-dark-olive-paste-200: #e4cdd7;
  --color-dark-olive-paste-300: #caafbb;
  --color-dark-olive-paste-400: #b394a4;
  --color-dark-olive-paste-500: #9d7b8c;
  --color-dark-olive-paste-600: #856877;
  --color-dark-olive-paste-700: #6a535f;
  --color-dark-olive-paste-800: #4e3c46;
  --color-dark-olive-paste-900: #362930;
  --color-dark-olive-paste-950: #21171d;
}

SCSS

$dark-olive-paste: #6e5160;
$dark-olive-paste-rgb: 110, 81, 96;
$dark-olive-paste-light: mix(#fff, $dark-olive-paste, 20%);
$dark-olive-paste-dark: mix(#000, $dark-olive-paste, 20%);

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