Curious Blue
See how #1C92D2 looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Curious Blue Base */
--color-primary: #1C92D2;
--color-primary-rgb: 28 146 210;
--color-primary-hsl: 201 76% 47%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #e9f5fc;
--color-primary-100: #bce1f6;
--color-primary-200: #8fcef0;
--color-primary-300: #62baea;
--color-primary-400: #35a6e3;
--color-primary-500: #1c8dca;
--color-primary-600: #156e9d;
--color-primary-700: #0f4e70;
--color-primary-800: #092f43;
--color-primary-900: #031016;
}