Morning Tea

CSS

:root {
  --morning-tea: #cabd94;
  --morning-tea-rgb: 202 189 148;
  --morning-tea-oklch: oklch(0.799 0.057 92.6);
}

.element {
  color: var(--morning-tea);
  background-color: hsl(46 34% 69%);
  border-color: oklch(0.799 0.057 92.6);
}

Tailwind CSS v4

@theme {
  --color-morning-tea: #cabd94;
  --color-morning-tea-50: #faf5e3;
  --color-morning-tea-100: #eee8d3;
  --color-morning-tea-200: #dcd4b9;
  --color-morning-tea-300: #c0b897;
  --color-morning-tea-400: #aa9e78;
  --color-morning-tea-500: #93865a;
  --color-morning-tea-600: #7d714d;
  --color-morning-tea-700: #645a3d;
  --color-morning-tea-800: #4a422b;
  --color-morning-tea-900: #332d1d;
  --color-morning-tea-950: #1f1a0d;
}

SCSS

$morning-tea: #cabd94;
$morning-tea-rgb: 202, 189, 148;
$morning-tea-light: mix(#fff, $morning-tea, 20%);
$morning-tea-dark: mix(#000, $morning-tea, 20%);

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