Color Contrast Checker

Born out of the needs to easily create a complete and accessible color palette, we created this simple color contrast checker.

Preview of the color contrast page: the settings to be tweaked are on the left, the preview is on the right

We developed this tool with small websites and simple use cases in mind. Imagine wanting to come up with a color palette for your personal website, that is harmonized across both light and dark modes, using one single tool. We tried to optimize the experience of those users—in other words, us.

The contrast checker is based on the Web Content Accessibility Guidelines (WCAG) 2 standards. It allows you to easily tweak pre-existing color palettes—for instance, tailoring a dark mode to your existing light mode—or generate new palettes from scratch.