abha.page 2.0 - Turn brand colors into a shippable design system

Namaste Product Hunt 👋 Three years ago, we launched the first version of abha here. The idea was simple: choosing a palette is easy; knowing whether it will work on a real product is not. One of the earliest comments asked us to add dark mode. That request stayed with us because it pointed to the bigger problem. A palette should not look good only as five rectangles. It should hold up across a landing page, dashboard, checkout, charts, product UI, accessibility states, and the code that eventually ships. So we rebuilt abha into a color-system studio. Now you can shape primary and secondary colors, extract a direction from an image, set accessibility targets, and pressure-test the result across real interface and brand surfaces. When the direction feels right, abha turns it into implementation-ready exports for CSS, Tailwind, Figma Tokens, iOS, Android, Flutter, Cursor, Claude, and more. We also added the tools we kept needing ourselves: dark-mode adaptation, contrast and color-vision checks, shade scales, palette comparison, website benchmarks, saved palettes, and PDF brand books. The part I care about most is still the same: you should not have to imagine whether your colors work. Try a palette, break it, ship it, and tell us where abha still gets in your way. We’ll be here all day, replying to every piece of feedback. What is the hardest part of choosing colors for your product today? Keep the colors. Lose the guesswork. 🌼