Norway

CSS

:root {
  --norway: #a4b88f;
  --norway-rgb: 164 184 143;
  --norway-oklch: oklch(0.756 0.061 128.9);
}

.element {
  color: var(--norway);
  background-color: hsl(89 22% 64%);
  border-color: oklch(0.756 0.061 128.9);
}

Tailwind CSS v4

@theme {
  --color-norway: #a4b88f;
  --color-norway-50: #eff9e7;
  --color-norway-100: #e1ecd7;
  --color-norway-200: #cbdabf;
  --color-norway-300: #adbe9e;
  --color-norway-400: #93a680;
  --color-norway-500: #7a8e63;
  --color-norway-600: #677854;
  --color-norway-700: #526043;
  --color-norway-800: #3d462f;
  --color-norway-900: #2a3120;
  --color-norway-950: #171d10;
}

SCSS

$norway: #a4b88f;
$norway-rgb: 164, 184, 143;
$norway-light: mix(#fff, $norway, 20%);
$norway-dark: mix(#000, $norway, 20%);

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