Design audit

10 checks on Harbour study: contrast, palette, colour blindness, type and shape. It re-checks as you edit.

88 / 100
Close — a few things to look at
0 to fix · 2 to check · 8 passed

Findings

  • Check:

    Only 1 colour works as text on Paper

    Text & contrast

    Links, headings and labels will all have to share one colour. A second dark tone gives you room.

  • Check:

    Mustard and Coral look alike with deuteranopia

    Colour blindness

    About 1 in 16 men would see these as nearly the same colour. Don't use them as the only difference between two states, or give them different lightness.

Contrast follows WCAG 2.1. Colour-blind checks simulate protanopia, deuteranopia and tritanopia and flag pairs closer than ΔE 10.