#EEC299

CSS

:root {
  --peachy-kini: #eec299;
  --peachy-kini-rgb: 238 194 153;
  --peachy-kini-oklch: oklch(0.843 0.074 64.5);
}

.element {
  color: var(--peachy-kini);
  background-color: hsl(29 71% 77%);
  border-color: oklch(0.843 0.074 64.5);
}

Tailwind CSS v4

@theme {
  --color-peachy-kini: #eec299;
  --color-peachy-kini-50: #fff2df;
  --color-peachy-kini-100: #f9e4ce;
  --color-peachy-kini-200: #ebcfb3;
  --color-peachy-kini-300: #d2b190;
  --color-peachy-kini-400: #be9670;
  --color-peachy-kini-500: #a97c50;
  --color-peachy-kini-600: #8e6945;
  --color-peachy-kini-700: #725436;
  --color-peachy-kini-800: #553d27;
  --color-peachy-kini-900: #3b2a1a;
  --color-peachy-kini-950: #25170b;
}

SCSS

$peachy-kini: #eec299;
$peachy-kini-rgb: 238, 194, 153;
$peachy-kini-light: mix(#fff, $peachy-kini, 20%);
$peachy-kini-dark: mix(#000, $peachy-kini, 20%);

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