The Accessible Palette Workbook
The PaletteUI workbook for turning one brand color into a ten-step UI scale with every text pairing, state and overlay checked against WCAG
The tools on this site each answer one question: tint a color, shade it, blend an overlay, check a pair. A product needs a palette: ten steps of a brand color, each with a text color that passes, in every state, on every surface. The Accessible Palette Workbook does that job in order. Part 1 measures contrast properly (relative luminance, and the right threshold for body text, large text and UI parts, never rounded up). Part 2 builds a ten-step scale of tints and shades, finds the crossover step where white text starts to pass, flattens overlays and hovers before checking them, walks every component state, and ends with a sheet of approved background and text pairs. Worked example: white text on an amber #f59e0b button is 2.14:1, under half of what body text needs; the workbook shows the two honest fixes. WCAG 2.x contrast for screens; not a full accessibility audit or legal advice. Includes a scale worksheet, pair matrix, state checklist, token sheet, a gray reference and three more worked scales. With your purchase comes a personalised sheet: your brand color's own ten-step scale, checked.
Look inside
Two full pages from the workbook, exactly as printed. Click either to read it at full size before you decide.
What is in it
- Measuring luminance and contrast
- The right threshold for text, large text and UI parts
- Building a ten-step scale of tints and shades
- Finding the crossover step
- Flattening overlays before checking them
- Checking every component state
- Shipping approved pairs as tokens
- A scale worksheet, pair matrix, state checklist and token sheet
- A gray reference, three more worked scales and a quickstart
- A personalised sheet: your brand color's ten-step scale, checked
- ✓ 25 printable pages
- ✓ 10 sections, worksheets and templates
- ✓ A second PDF worked out from the numbers you enter
- ✓ No account needed, just an email address
- ✓ Instant download; link valid 7 days
Price includes any taxes. Sold by GrabURL, who handle checkout and support. The charge appears on your statement as GrabURL.
The workbook complements the free Contrast Ratio Calculator. It checks one pair; the workbook turns a brand color into a ten-step scale with every text pairing, overlay and state checked.