color palettesBlueprint
Minimal
Composed blues with a clear sense of structure.
Mood / A considered starting point
Cool color palettes.
Blue, teal and violet directions for calm reading surfaces and precise interface details.
The collection
Original sRGB combinations. Each detail page includes website roles, CSS and measured pairs.
Silver blue
Minimal
A silver base with quiet blue structure.
Quiet indigo
Minimal
A restrained indigo without the noise.
Deep lagoon
Dark
A deep lagoon lit by pale sand.
Morning glacier
Soft
An airy blue with a quiet green note.
Violet glacier
Dark
Violet night with a glacial blue accent.
Make the colors work
More than a set of swatches.
Avoid a single blue for every job
Blueprint reserves different values for the page, reading text and action. A light blue surface needs a deeper link color; a dark theme needs a lighter counterpart. Keep the original brand as a reference while adapting those roles.
Check cool neutrals against content
A cool gray can noticeably tint the space around a warm photograph. Preview actual imagery and plain paragraphs before choosing it for every surface. Use whitespace to separate competing temperatures.
Try it on a real task
Keep a blue action fixed while comparing a neutral and a cool-tinted surface. Inspect the link, focus and input-border pairs in both choices. Those small details determine whether a restrained interface remains easy to use.