Accessible design tool

Contrast Studio

Choose foreground and background colors, calculate the contrast ratio, and preview the pair in a realistic interface rather than judging two tiny swatches.

Northstar

Design that can be read.

Contrast is not decoration. It determines whether text, controls, and important boundaries remain visible to more people.

Explore the system
Readable type
Body copy and labels
Visible controls
Buttons and focus states
Useful hierarchy
Not color alone

AA vs. AAA

AA is the common accessibility target. AAA is stricter and may not be practical for every visual identity or type size.

Large text

Large or bold text can pass at a lower ratio because its shapes remain easier to distinguish.

Contrast is not enough

Readable typography also depends on size, weight, spacing, line length, and avoiding color as the only signal.