Suggested color pairings

Suggested color pairings, dark-mode, minimal, vibrant

Preview image. Unlock full-res

Approved two-color pairings shown as seven overlapping rounded-square pairs on a black page, each captioned with the color combination, beside a short white explainer.

Elementsimage
Palette
#5865F2
#FFFFFF
#57F287
#FEE75C
#EB459E
#ED4245

Summary

The approved-pairings page: seven overlapping two-square color combinations laid out on a black page, each labeled, with a brief white intro.

Visual description

Two-page 16:9 spread. The white left page has the "04 BRAND COLORS" eyebrow, a three-line headline "USAGE" (blurple) over "SUGGESTED" and "COLOR PAIRINGS" (near-black), and a short paragraph noting these colors work well on top of each other with enough contrast. The black right page holds seven swatch pairs, each two rounded squares overlapping with one offset behind the other, captioned in small white text: Blurple + White, Blurple + Black, Blurple + Green, Blurple + Yellow, Fuchsia + White, Fuchsia + Yellow, and Red + White. The far-left blurple stripe carries the rotated caption and page 30.

Key takeaway

Encoding each approved two-color combination as a pair of overlapping rounded squares, so contrast and layering read instantly across a grid. The consistent shape keeps a list of seven pairings calm and scannable.

Reuse notes

A reusable pattern for documenting which palette colors may be combined. The overlapping-square device shows foreground-on-background relationships better than flat side-by-side chips. Pair it with a matching "pairings to avoid" page using the same shapes plus red strikethroughs.

From this deck: Suggested color pairings

View deck

More like this