My Love

CSS

:root {
  --my-love: #e1c6a8;
  --my-love-rgb: 225 198 168;
  --my-love-oklch: oklch(0.842 0.051 70);
}

.element {
  color: var(--my-love);
  background-color: hsl(32 49% 77%);
  border-color: oklch(0.842 0.051 70);
}

Tailwind CSS v4

@theme {
  --color-my-love: #e1c6a8;
  --color-my-love-50: #fff3e6;
  --color-my-love-100: #f3e6d6;
  --color-my-love-200: #e2d1bd;
  --color-my-love-300: #c8b49c;
  --color-my-love-400: #b29a7e;
  --color-my-love-500: #9c8162;
  --color-my-love-600: #846d53;
  --color-my-love-700: #6a5742;
  --color-my-love-800: #4e3f2f;
  --color-my-love-900: #362c20;
  --color-my-love-950: #211910;
}

SCSS

$my-love: #e1c6a8;
$my-love-rgb: 225, 198, 168;
$my-love-light: mix(#fff, $my-love, 20%);
$my-love-dark: mix(#000, $my-love, 20%);

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