New Cork

CSS

:root {
  --new-cork: #b89b6b;
  --new-cork-rgb: 184 155 107;
  --new-cork-oklch: oklch(0.704 0.073 79.7);
}

.element {
  color: var(--new-cork);
  background-color: hsl(37 35% 57%);
  border-color: oklch(0.704 0.073 79.7);
}

Tailwind CSS v4

@theme {
  --color-new-cork: #b89b6b;
  --color-new-cork-50: #fff4de;
  --color-new-cork-100: #f4e6cd;
  --color-new-cork-200: #e4d2b2;
  --color-new-cork-300: #cab48d;
  --color-new-cork-400: #b59a6d;
  --color-new-cork-500: #a0814c;
  --color-new-cork-600: #876d41;
  --color-new-cork-700: #6c5734;
  --color-new-cork-800: #503f24;
  --color-new-cork-900: #382c18;
  --color-new-cork-950: #231909;
}

SCSS

$new-cork: #b89b6b;
$new-cork-rgb: 184, 155, 107;
$new-cork-light: mix(#fff, $new-cork, 20%);
$new-cork-dark: mix(#000, $new-cork, 20%);

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