EightShapes Contrast Grid checks every combination of a list of foreground and background colors at once, laying results out as a grid with a WCAG pass or fail score for each pairing.
Because it checks every color against every other color in one view, it's built specifically for validating a whole palette or design system at once, not merely one isolated pair.
Design system teams auditing an entire color palette for accessibility before publishing it, rather than testing individual combinations as they come up.
Copy the generated grid's HTML and CSS directly into design system documentation once it looks right, so the contrast reference stays visible to the whole team going forward.
Test many colour combinations at once for WCAG 2.0 contrast compliance.
