#FFB786

CSS

:root {
  --baltic-amber: #ffb786;
  --baltic-amber-rgb: 255 183 134;
  --baltic-amber-oklch: oklch(0.836 0.105 55);
}

.element {
  color: var(--baltic-amber);
  background-color: hsl(24 100% 76%);
  border-color: oklch(0.836 0.105 55);
}

Tailwind CSS v4

@theme {
  --color-baltic-amber: #ffb786;
  --color-baltic-amber-50: #ffeed9;
  --color-baltic-amber-100: #ffe0c6;
  --color-baltic-amber-200: #f8caa9;
  --color-baltic-amber-300: #e1aa82;
  --color-baltic-amber-400: #cf8d60;
  --color-baltic-amber-500: #bb723b;
  --color-baltic-amber-600: #9e6033;
  --color-baltic-amber-700: #7f4d29;
  --color-baltic-amber-800: #5f371d;
  --color-baltic-amber-900: #422613;
  --color-baltic-amber-950: #2a1405;
}

SCSS

$baltic-amber: #ffb786;
$baltic-amber-rgb: 255, 183, 134;
$baltic-amber-light: mix(#fff, $baltic-amber, 20%);
$baltic-amber-dark: mix(#000, $baltic-amber, 20%);

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