Hi everyone,
I’ve been working on a side project called Tintary, built with Next.js and TypeScript.
It started from a simple problem: generating a color palette is easy, but turning it into something useful in a real frontend project usually takes a few more steps.
Tintary lets you start from one or more colors, generate complete 50–950 scales, map them to semantic roles, preview the result on real UI, check foreground and contrast choices, and export the system for CSS, Tailwind CSS v4, Material UI, Bootstrap 5.3 or Figma / Tokens Studio.
One part I particularly enjoyed building was keeping the color model independent from the framework exports. The palette and semantic roles are the source of truth, while Tailwind, MUI, Bootstrap, etc. are just different adapters around the same system.
The app is built with Next.js, TypeScript, Tailwind CSS, shadcn/ui, Culori and Zustand.
It’s a free side project, with no account or sign-up. Workspace data stays in the browser, and color setups can be bookmarked or shared directly through their URL.
I’m still working on it, so I’d be interested in feedback from other Next.js developers, especially around the UI, performance and the way the color workflow is structured.
If you spot anything strange or have ideas for improving it, I’d be happy to hear them.