Blue Charcoal
See how #010D1A looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Blue Charcoal Base */
--color-primary: #010D1A;
--color-primary-rgb: 1 13 26;
--color-primary-hsl: 211 93% 5%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #e6f2fe;
--color-primary-100: #b5d8fc;
--color-primary-200: #84bdfb;
--color-primary-300: #53a3f9;
--color-primary-400: #2289f7;
--color-primary-500: #086fdd;
--color-primary-600: #0656ac;
--color-primary-700: #043e7b;
--color-primary-800: #03254a;
--color-primary-900: #010c19;
}