Log Cabin
See how #242A1D looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Log Cabin Base */
--color-primary: #242A1D;
--color-primary-rgb: 36 42 29;
--color-primary-hsl: 88 18% 14%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #f2f5f0;
--color-primary-100: #d9e0d2;
--color-primary-200: #c0cbb4;
--color-primary-300: #a7b696;
--color-primary-400: #8ea178;
--color-primary-500: #74875e;
--color-primary-600: #5a6949;
--color-primary-700: #414b34;
--color-primary-800: #272d1f;
--color-primary-900: #0d0f0a;
}