Remington Rust

CSS

:root {
  --remington-rust: #a25d4c;
  --remington-rust-rgb: 162 93 76;
  --remington-rust-oklch: oklch(0.553 0.095 34.7);
}

.element {
  color: var(--remington-rust);
  background-color: hsl(12 36% 47%);
  border-color: oklch(0.553 0.095 34.7);
}

Tailwind CSS v4

@theme {
  --color-remington-rust: #a25d4c;
  --color-remington-rust-50: #ffece2;
  --color-remington-rust-100: #ffded2;
  --color-remington-rust-200: #f9c7b8;
  --color-remington-rust-300: #e3a796;
  --color-remington-rust-400: #d08a79;
  --color-remington-rust-500: #bc6e5b;
  --color-remington-rust-600: #9f5d4d;
  --color-remington-rust-700: #804b3d;
  --color-remington-rust-800: #5f362d;
  --color-remington-rust-900: #42251e;
  --color-remington-rust-950: #2b130e;
}

SCSS

$remington-rust: #a25d4c;
$remington-rust-rgb: 162, 93, 76;
$remington-rust-light: mix(#fff, $remington-rust, 20%);
$remington-rust-dark: mix(#000, $remington-rust, 20%);

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