ShadowBlue

Blue lowers stress and is associated with trust, intelligence and reliability. It is the color of stability and competence, which is why so many banks, insurers and technology companies build their brands around it.

Blue dominates corporate, financial, healthcare and technology design. Light blues feel airy and clean, while deep blues convey authority and luxury. It is also the default for links and primary buttons in countless interfaces.

Ultramarine was once made from ground lapis lazuli and was more expensive than gold, reserved for the robes of the Virgin Mary in Renaissance art. Prussian blue and synthetic ultramarine later made blue affordable and ubiquitous.

Blue commonly means trust, peace, loyalty and wisdom. In some cultures it is protective, in others it signifies sadness, and it is widely used in flags and institutions to project stability.

Choose blue when you want to build trust, calm and professionalism. It is the safest choice for corporate and financial brands and for interfaces where clarity and reliability matter most.

Against white, #778BA5 has a 3.5:1 contrast ratio; against black it is 6.0:1. Black text on #778BA5 meets WCAG AA for normal text.

Roughly 180° across the wheel from #778BA5 (hue 214°) sits #a59278, held together by the #caced3 tint and the neutrals #f4f4f5 and #18181b.

#778BA5 with its two closest neighbours, #78a2a5 and #7b78a5, for a 20%-saturation run that stays inside one family; #caced3 and #3f4d5f add depth without breaking it.

#778BA5 plus #a5788c and #8ca578, a triangle that sits 120° apart at every corner, with #f4f4f5 and #18181b doing the quiet work underneath.

One hue at 5 lightness steps: #f3f5f7 through #0c0f12, starting from #778BA5 at 56% lightness.