Alexander Isora 🦄

Harmony - Elevating UI contrast control to a new level of precision

Harmony, a UI color palette prioritizing accessibility, utilizes advanced color tech and features, serving as a reliable companion for design systems. Access it for free as a Figma file and npm package.

Add a comment

Replies

Best
Victoria Shadrina
Really great tool! My congrats!
Gooi Ying Chyi
Seriously exceeded all my expectations for a fully accessible UI color palette that is both P3 and natively in oklch. The consistent contrast pairs just blew my mind! I hope the new tool for generating a figma grid like this will be out soon, so that I can generate my own! The only feedback I have is perhaps you allow users to tweak desired Chroma values and maximum hue shifts to achieve those chroma (e.g. Blue can be shifted a little bit to cyan as lightness increases). This is to ensure maximum chroma, while keeping lightness and hue relatively consistent.