1975 Earth Red

CSS

:root {
  --color-1975-earth-red: #7b463b;
  --color-1975-earth-red-rgb: 123 70 59;
  --color-1975-earth-red-oklch: oklch(0.455 0.076 32.6);
}

.element {
  color: var(--color-1975-earth-red);
  background-color: hsl(10 35% 36%);
  border-color: oklch(0.455 0.076 32.6);
}

Tailwind CSS v4

@theme {
  --color-color-1975-earth-red: #7b463b;
  --color-color-1975-earth-red-50: #ffeee7;
  --color-color-1975-earth-red-100: #ffe0d7;
  --color-color-1975-earth-red-200: #f3c9bf;
  --color-color-1975-earth-red-300: #dbaa9e;
  --color-color-1975-earth-red-400: #c78e82;
  --color-color-1975-earth-red-500: #b37366;
  --color-color-1975-earth-red-600: #976257;
  --color-color-1975-earth-red-700: #794e45;
  --color-color-1975-earth-red-800: #5a3832;
  --color-color-1975-earth-red-900: #3f2722;
  --color-color-1975-earth-red-950: #281511;
}

SCSS

$color-1975-earth-red: #7b463b;
$color-1975-earth-red-rgb: 123, 70, 59;
$color-1975-earth-red-light: mix(#fff, $color-1975-earth-red, 20%);
$color-1975-earth-red-dark: mix(#000, $color-1975-earth-red, 20%);

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