Dark LUA Console

CSS

:root {
  --dark-lua-console: #5f574f;
  --dark-lua-console-rgb: 95 87 79;
  --dark-lua-console-oklch: oklch(0.462 0.016 67.4);
}

.element {
  color: var(--dark-lua-console);
  background-color: hsl(30 9% 34%);
  border-color: oklch(0.462 0.016 67.4);
}

Tailwind CSS v4

@theme {
  --color-dark-lua-console: #5f574f;
  --color-dark-lua-console-50: #f8f4f0;
  --color-dark-lua-console-100: #ece7e2;
  --color-dark-lua-console-200: #d9d3cd;
  --color-dark-lua-console-300: #bdb6af;
  --color-dark-lua-console-400: #a59d94;
  --color-dark-lua-console-500: #8e847b;
  --color-dark-lua-console-600: #787068;
  --color-dark-lua-console-700: #605a53;
  --color-dark-lua-console-800: #46413d;
  --color-dark-lua-console-900: #312d2a;
  --color-dark-lua-console-950: #1d1a17;
}

SCSS

$dark-lua-console: #5f574f;
$dark-lua-console-rgb: 95, 87, 79;
$dark-lua-console-light: mix(#fff, $dark-lua-console, 20%);
$dark-lua-console-dark: mix(#000, $dark-lua-console, 20%);

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