Egyptian Temple

CSS

:root {
  --egyptian-temple: #d6b378;
  --egyptian-temple-rgb: 214 179 120;
  --egyptian-temple-oklch: oklch(0.784 0.086 80);
}

.element {
  color: var(--egyptian-temple);
  background-color: hsl(38 53% 65%);
  border-color: oklch(0.784 0.086 80);
}

Tailwind CSS v4

@theme {
  --color-egyptian-temple: #d6b378;
  --color-egyptian-temple-50: #fff3da;
  --color-egyptian-temple-100: #f7e6c8;
  --color-egyptian-temple-200: #e7d1ab;
  --color-egyptian-temple-300: #ceb485;
  --color-egyptian-temple-400: #b99962;
  --color-egyptian-temple-500: #a47f3e;
  --color-egyptian-temple-600: #8b6c35;
  --color-egyptian-temple-700: #6f562a;
  --color-egyptian-temple-800: #533e1d;
  --color-egyptian-temple-900: #3a2b13;
  --color-egyptian-temple-950: #241805;
}

SCSS

$egyptian-temple: #d6b378;
$egyptian-temple-rgb: 214, 179, 120;
$egyptian-temple-light: mix(#fff, $egyptian-temple, 20%);
$egyptian-temple-dark: mix(#000, $egyptian-temple, 20%);

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