Tool 02

Style Lab

Pick a mood and a brand color. The lab builds a five-color palette, suggests a font pairing and checks every text pair against WCAG contrast.

A palette of five swatches, a brush and a sample card with a button

Fig. 1: Palette

Mood

Brand color

The primary color is built from the hue of the color you pick, tuned to the mood. Font pairs use the typefaces bundled with this site, so the sample always shows them as listed.

Favorites

Fig. 2: Live sample

Fresh bread, every morning

A short line of body text sits here so you can judge the mood.

Order now See menu

Fig. 3: Contrast check

Normal text needs 4.5:1, large text 3:1 (WCAG AA).