East Bay
See how #414C7D looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* East Bay Base */
--color-primary: #414C7D;
--color-primary-rgb: 65 76 125;
--color-primary-hsl: 229 32% 37%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #eef0f6;
--color-primary-100: #cdd1e5;
--color-primary-200: #abb2d4;
--color-primary-300: #8994c2;
--color-primary-400: #6875b1;
--color-primary-500: #4e5b97;
--color-primary-600: #3d4776;
--color-primary-700: #2b3354;
--color-primary-800: #1a1e32;
--color-primary-900: #090a11;
}