Blue Colour Scale
The complete blue palette from deep navy to light periwinkle, representing innovation and trust.
Color Values
Blue 900: #050938 - Deepest navy, use for dark backgrounds
Blue 800: #0A1270 - Dark blue, use for secondary backgrounds
Blue 700: #1520A8 - Rich blue, use for hover states
Blue 500: #2B36D9 - Primary blue (Palatinate Blue)
Blue 400: #5B66F2 - Bright blue, use for active states
Blue 300: #7F88FA - Light blue, use for highlights
Blue 100: #A5ABFF - Lightest blue, use for subtle accents
Usage Guidelines
Use Blue 500 as the primary brand color for buttons and CTAs
Darker shades work well for text on light backgrounds
Lighter shades are ideal for backgrounds and subtle highlights
Maintain sufficient contrast ratios for accessibility (WCAG AA)
