Palette generator
Turn your brand colours into accessible light and dark palettes, with every text and background pair checked. Copy it straight into Figma.
Turn your brand colours into accessible light and dark palettes, with every text and background pair checked. Copy it straight into Figma.
# Accessible colour palette generator
Turn your brand colours into accessible light and dark palettes, with every text and background pair checked. Copy it straight to Figma.
## What it does
Scans one web page against WCAG 2.2: colour contrast, text alternatives, names and labels, headings, ARIA, tap target size and more. Every issue comes with a plain-English fix, and the checks a machine cannot decide are listed to do by hand.
## How it works
The page is loaded in a real browser by Google PageSpeed Insights and checked with Lighthouse's accessibility audit, which runs axe-core. Only the address entered is scanned.
## Palette generator
Turns brand colours into 11-step scales and accessible light and dark themes, with every text and background pair checked against WCAG AA or AAA. Copy the palette to Figma as editable swatches, or as CSS, Tailwind or design tokens.
## Contrast checker
Check any two colours for WCAG AA and AAA, for normal text, large text and interface parts, and get the nearest text or background colour that passes.