Color in typography text-on-fill pairings

Summary

The type-color page: a grid of cards, each showing an approved text-on-background pairing labeled by name over an "AaBbCc" specimen, all of which pass large-text accessibility.

Visual description

White background, standard header ("Typography" / "Color in Typography", page "44"). The left column holds "Color in Typography" and a short paragraph noting every pairing shown passes accessibility for large text. The right two-thirds is a multi-row grid of rounded cards, each filled with a background color and carrying a small bold label (for example "White on Cobalt", "Mist on Deep Violet", "Ecru on Inkwell", "Cobalt on White", "Deep Violet on Ecru", "Inkwell on Mist") above a large "AaBbCc" set in the named text color. The grid steps from light text on dark fills (cobalt, deep violet, inkwell) in the upper rows to dark and colored text on light fills (white, ecru, mist) lower down, so the full matrix of safe combinations reads at once.

Key takeaway

Cataloguing approved type-on-fill pairings as a labeled specimen grid, where every card names the exact text-and-background combination and shows it in use. It turns an accessibility constraint into a quick pick-list a designer can scan and copy from directly.

Reuse notes

A reusable reference for documenting safe text-on-color combinations in any palette-driven system. Pairs naturally with a contrast PASS/FAIL page and a type-misuse page. The "X on Y" labeling convention keeps the grid unambiguous even with many swatches.