Monzo secondary palette swatches

Monzo secondary palette swatches, dark-mode, minimal, dark

Preview image. Unlock full-res

Navy guideline page introducing Monzo's secondary palette as six full-height colour columns, each labelled with RGB, hex, CMYK and Pantone codes.

Elementsdiagram, badge
Palette
#112231
#FE6B1B
#FFD7F0
#C3FF34
#016B83
#3A4920

Summary

The secondary palette page: a navy upper band of explanatory text sitting above six full-bleed vertical colour columns, each fully spec'd.

Visual description

The top two-thirds is deep navy holding a "Secondary palette" heading and a short paragraph about extending the brand experience, with a small footnote "Neon Pantone to be used whenever possible." The bottom third is a flush row of six tall colour blocks (mid orange, pale pink, neon yellow, mid teal, pale blue, deep khaki). Each block carries its name and a small stack of RGB, hex, CMYK and Pantone values in the lower-left corner. A "Our colour" pill sits top-left.

Key takeaway

Presenting a secondary palette as full-height bleeding columns turns the swatches themselves into the layout. Putting the complete colour spec (RGB, hex, CMYK, Pantone) directly on each block keeps the page self-documenting.

Reuse notes

A clean pattern for any guideline that needs an at-a-glance, print-and-screen-ready palette. The full-bleed column treatment works for four to eight colours; beyond that the specs get cramped. Pairs naturally with a separate primary-palette page.

From this deck: Monzo secondary palette swatches

View deck

More like this