Silver Rust

CSS

:root {
  --silver-rust: #c9a0df;
  --silver-rust-rgb: 201 160 223;
  --silver-rust-oklch: oklch(0.765 0.098 313.5);
}

.element {
  color: var(--silver-rust);
  background-color: hsl(279 50% 75%);
  border-color: oklch(0.765 0.098 313.5);
}

Tailwind CSS v4

@theme {
  --color-silver-rust: #c9a0df;
  --color-silver-rust-50: #ffedff;
  --color-silver-rust-100: #f5dfff;
  --color-silver-rust-200: #e5c8f1;
  --color-silver-rust-300: #cba8da;
  --color-silver-rust-400: #b38dc8;
  --color-silver-rust-500: #9d72b4;
  --color-silver-rust-600: #856198;
  --color-silver-rust-700: #6b4d7a;
  --color-silver-rust-800: #4e385b;
  --color-silver-rust-900: #362640;
  --color-silver-rust-950: #211529;
}

SCSS

$silver-rust: #c9a0df;
$silver-rust-rgb: 201, 160, 223;
$silver-rust-light: mix(#fff, $silver-rust, 20%);
$silver-rust-dark: mix(#000, $silver-rust, 20%);

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