Primary
Secondary
The small dots on each primary color show its approved partners. Secondary colors pair with Dirt and Lab Coat.
Sliding scale
The six colors run into each other as one continuous field. Use the scale for backgrounds, bands and transitions, where the palette should feel like a single landscape rather than separate chips.
Contrast
Tomato is loud, not legible at small sizes. Lab Coat on Tomato measures 3.5:1, which only passes accessibility guidelines for large, bold text (19px bold and up). For small red text on screen, Roma provides a darker accent text color.
Use Tomato for big moments: the logo, headlines, a single primary button, full-bleed fields.
Set body copy or captions in Tomato, or put small text on a Tomato background.