Color Pairings circle grid

Color Pairings circle grid, editorial, minimal, light

Preview image. Unlock full-res

Approved color-pairings page using overlapping two-tone circles in a 3-column grid, each captioned with the color combination.

Elementsicon, logo
Palette
#122845
#7FC8E5
#D6A92D
#688591
#018ABC
#EDE9D1

Summary

A page of approved color combinations, each shown as two overlapping filled circles and labeled with the pairing name.

Visual description

Two-column editorial layout. Left: teal eyebrow "COLOR", serif heading "Color Pairings", and a grey paragraph explaining these are suggested combinations with enough contrast for readers. Right: a 3-column, four-row grid of paired motifs, each two overlapping circles in different brand colors (for example Ink + Sky, Ink + Light Paper, Light Paper + Slate, Ink + Mist), with a small grey all-caps caption underneath naming the pair. The overlap reads as a Venn-style swatch. Vertical "Brand Guidelines" label and spark mark on the left edge.

Key takeaway

Using two overlapping circles as a compact "these two colors together" device, so the page communicates relationships rather than isolated swatches. The repeated circle motif makes a dense reference page feel calm and scannable.

Reuse notes

A clean way to document approved color combinations in any guideline. The same circle-pair template scales to three colors. Works best when the underlying palette is already defined on a prior swatch page (here, slide 39).

From this deck: Color Pairings circle grid

View deck

More like this