Color Family

Blue

The definitive trust signal for SaaS, fintech, documentation, and navigation components.

TrustworthyIntelligentStructured

Positioning DNA

Blue has dominated interface design for two decades because it is legible, emotionally neutral, and universally associated with trust. The 500-700 steps remain the backbone of navigation bars, buttons, and data highlights across industries.

To modernize Blue, mix it with intelligent typography and gradient overlays. Deep Blue 900 backgrounds paired with creamy serif type read like flagship editorial layouts.

UX Applications

  • Global navigation bars and primary CTAs
  • Fintech charts, tables, and brand marks
  • Knowledge base headlines and anchor links

Sample Palette

Drop-in hex codes with usage notes

FAQ

How do I keep Blue from feeling generic?

Shift the hue slightly warmer or cooler, introduce textured typography, and use animated micro-interactions so the palette feels intentional.

Which neutrals pair best with Blue?

Slate, Zinc, and Neutral all work. Slate leans modern, Zinc feels editorial, and Neutral keeps things classic.