A note on WCAG contrast ratios, the /contrast tool, and why dark mode palette decisions matter more when accessibility is in scope.
Click a hex value to copy it
Accessibility is not a checklist. Choosing colors that pass AA or AAA contrast ratios is a product decision that affects readability, trust, and reach. The /contrast tool at ColorArchive makes this interactive — pick a foreground and background, see the ratio and badge in real time.
Monochrome Studio is particularly well-suited to contrast work because the palette spans a wide lightness range within a single hue family. That means you can build text and surface pairings that look intentional, not just technically compliant.
Pairing light and dark token values up front — the dark mode converter drafts the dark side by flipping lightness around the midtones — does not replace accessibility testing, but it removes the most common failure mode: forgetting to define the dark counterpart and ending up with low-contrast text. Run the resulting pairs through the contrast checker.
