#E3A68C

CSS

:root {
  --apricotta: #e3a68c;
  --apricotta-rgb: 227 166 140;
  --apricotta-oklch: oklch(0.776 0.081 44.1);
}

.element {
  color: var(--apricotta);
  background-color: hsl(18 61% 72%);
  border-color: oklch(0.776 0.081 44.1);
}

Tailwind CSS v4

@theme {
  --color-apricotta: #e3a68c;
  --color-apricotta-50: #ffefe2;
  --color-apricotta-100: #ffe0d2;
  --color-apricotta-200: #f3cab8;
  --color-apricotta-300: #dbab95;
  --color-apricotta-400: #c88f77;
  --color-apricotta-500: #b37459;
  --color-apricotta-600: #98634c;
  --color-apricotta-700: #7a4f3c;
  --color-apricotta-800: #5a392c;
  --color-apricotta-900: #3f271d;
  --color-apricotta-950: #28150d;
}

SCSS

$apricotta: #e3a68c;
$apricotta-rgb: 227, 166, 140;
$apricotta-light: mix(#fff, $apricotta, 20%);
$apricotta-dark: mix(#000, $apricotta, 20%);

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