Morning Moor

CSS

:root {
  --morning-moor: #dad6ae;
  --morning-moor-rgb: 218 214 174;
  --morning-moor-oklch: oklch(0.869 0.053 102.7);
}

.element {
  color: var(--morning-moor);
  background-color: hsl(55 37% 77%);
  border-color: oklch(0.869 0.053 102.7);
}

Tailwind CSS v4

@theme {
  --color-morning-moor: #dad6ae;
  --color-morning-moor-50: #f7f6e5;
  --color-morning-moor-100: #eae9d5;
  --color-morning-moor-200: #d7d6bc;
  --color-morning-moor-300: #bbb99a;
  --color-morning-moor-400: #a4a07c;
  --color-morning-moor-500: #8c885f;
  --color-morning-moor-600: #777350;
  --color-morning-moor-700: #5f5c40;
  --color-morning-moor-800: #46432e;
  --color-morning-moor-900: #312e1f;
  --color-morning-moor-950: #1d1b0f;
}

SCSS

$morning-moor: #dad6ae;
$morning-moor-rgb: 218, 214, 174;
$morning-moor-light: mix(#fff, $morning-moor, 20%);
$morning-moor-dark: mix(#000, $morning-moor, 20%);

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