Swatchbook

Color palettes that pass contrast checks.

GitHub

Live preview

Contrast audit

WCAG 2 ratio and APCA lightness contrast (Lc) for every pairing a UI uses. AA needs 4.5:1 for body text and 3:1 for large text and UI.

Tonal scales (OKLCH)

Color-vision simulation

Machado et al. 2009, severity 1.0

    

  









  

    
    
    
  

  

    

    

  










  
  
Choose a photo, illustration or screenshot.










  
Hue rotations in OKLCH keep lightness and chroma, so every result has the same visual weight.

  










  
Saved palettes