Accessibility
A site about colour has a special obligation here. Roughly 8% of men have some form of colour vision deficiency, and they still choose paint.
What we commit to
WCAG 2.2 Level AA. Every swatch carries its name, code, LRV and undertone as text — colour is never the only carrier of information. Every colour browser, comparison, surround toggle and calculator is fully keyboard operable. Focus indicators are never removed, and on a swatch the focus ring is a double ring, light and dark, so it stays visible against any background colour.
Specific measures
- Text placed on a swatch is checked at build time against that specific colour. Where neither dark nor light ink clears AA, the text renders off-swatch instead.
- Charts never use swatch colours as series colours, and every chart has a text data table.
- Anchor targets clear the sticky header (WCAG 2.4.11).
- Interactive targets are at least 24×24 CSS pixels, 44×44 on touch (2.5.8).
- The colour browser is filterable by typed input and arrow keys — no drag-only interaction (2.5.7).
- Help and contact hold the same footer position on every page (3.2.6).
prefers-reduced-motion,prefers-reduced-transparencyandprefers-contrastare all honoured.
Known limitation
The core value of a colour page is a colour. We cannot remove that dependency, so we work to make every property of a colour available as text and number instead. If something on this site is not usable for you, please tell us at [email protected].