Did you try on desktop? Click an element on the mockup to show the current contrast ratio, the target ratio (e.g. 4.5:1 for body text, 3:1 for border), and if it passes. :) The contrast menu at the top lets you compare any color pair. Mobile has limited space but outlines mockup failures.
#a11y

Thanks! You mean plot the editable HSL curves going left-to-right across the palette/swatches rather than plots going top-to-bottom across a single swatch? If it helps, you can make whatever kinds of gradients you want within a swatch right now. Quick example www.inclusivecolors.com?style_dictio...

Quick accessible dark mode palette exploration using my inclusivecolors.com tool. 🙂 I'm curious what steps designers follow to make a dark mode palette from an existing light mode palette, and how they keep them both in sync as they tweak colors later? #designsky #a11y #design #webdesign #css #ux