East Bay
See how #3B4371 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: #3B4371;
--color-primary-rgb: 59 67 113;
--color-primary-hsl: 231 31% 34%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #eeeff6;
--color-primary-100: #cdd0e5;
--color-primary-200: #abb1d3;
--color-primary-300: #8a92c1;
--color-primary-400: #6973b0;
--color-primary-500: #4f5a96;
--color-primary-600: #3e4675;
--color-primary-700: #2c3254;
--color-primary-800: #1a1e32;
--color-primary-900: #090a11;
}