Stratos
See how #000C40 looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Stratos Base */
--color-primary: #000C40;
--color-primary-rgb: 0 12 64;
--color-primary-hsl: 229 100% 13%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #e5eaff;
--color-primary-100: #b3c1ff;
--color-primary-200: #8097ff;
--color-primary-300: #4d6dff;
--color-primary-400: #1a44ff;
--color-primary-500: #002ae6;
--color-primary-600: #0021b3;
--color-primary-700: #001780;
--color-primary-800: #000e4d;
--color-primary-900: #00051a;
}