#FC9886

CSS

:root {
  --peach-s-daydream: #fc9886;
  --peach-s-daydream-rgb: 252 152 134;
  --peach-s-daydream-oklch: oklch(0.779 0.124 31);
}

.element {
  color: var(--peach-s-daydream);
  background-color: hsl(9 95% 76%);
  border-color: oklch(0.779 0.124 31);
}

Tailwind CSS v4

@theme {
  --color-peach-s-daydream: #fc9886;
  --color-peach-s-daydream-50: #ffe9df;
  --color-peach-s-daydream-100: #ffdace;
  --color-peach-s-daydream-200: #ffc2b3;
  --color-peach-s-daydream-300: #f0a08e;
  --color-peach-s-daydream-400: #de8171;
  --color-peach-s-daydream-500: #cb6351;
  --color-peach-s-daydream-600: #ab5445;
  --color-peach-s-daydream-700: #8a4337;
  --color-peach-s-daydream-800: #673029;
  --color-peach-s-daydream-900: #48201b;
  --color-peach-s-daydream-950: #2f0f0c;
}

SCSS

$peach-s-daydream: #fc9886;
$peach-s-daydream-rgb: 252, 152, 134;
$peach-s-daydream-light: mix(#fff, $peach-s-daydream, 20%);
$peach-s-daydream-dark: mix(#000, $peach-s-daydream, 20%);

.element {
  color: $peach-s-daydream;
  box-shadow: 0 0 0 2px rgba($peach-s-daydream, 0.35);
}