Design / inclusive typography
Accessible Colour Palette Builder
Create lighter and darker shades from your chosen colour, then check which are legible against your background.
Build and test your colours
3- or 6-digit hex accepted. Contrast checks use WCAG relative luminance formulas; colour perception is broader than one numeric score.
Contrast-tested variants
AA body text requires 4.5:1. AAA body text requires 7:1. Results vary with your background.
Choose colours to generate a palette.
Practical accessibility notes
Contrast is calculated for solid colours; photographs, gradients, anti-aliasing and transparency can change actual readability. Use our contrast checker to test any final two-colour pair.