#D4BB7A

CSS

:root {
  --honeymoon: #d4bb7a;
  --honeymoon-rgb: 212 187 122;
  --honeymoon-oklch: oklch(0.799 0.088 89.3);
}

.element {
  color: var(--honeymoon);
  background-color: hsl(43 51% 65%);
  border-color: oklch(0.799 0.088 89.3);
}

Tailwind CSS v4

@theme {
  --color-honeymoon: #d4bb7a;
  --color-honeymoon-50: #fef5d9;
  --color-honeymoon-100: #f3e7c7;
  --color-honeymoon-200: #e2d4aa;
  --color-honeymoon-300: #c8b683;
  --color-honeymoon-400: #b39c60;
  --color-honeymoon-500: #9e833a;
  --color-honeymoon-600: #856f33;
  --color-honeymoon-700: #6b5928;
  --color-honeymoon-800: #4f401b;
  --color-honeymoon-900: #372c12;
  --color-honeymoon-950: #221904;
}

SCSS

$honeymoon: #d4bb7a;
$honeymoon-rgb: 212, 187, 122;
$honeymoon-light: mix(#fff, $honeymoon, 20%);
$honeymoon-dark: mix(#000, $honeymoon, 20%);

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