TintAI

I built this extension because I couldn’t find anything that matched the way I wanted to work with CSS variables and color palettes.

When working on real projects, I often need to tweak colors, test variations, or build full themes while keeping the same CSS variable structure. Doing some of this manually through CSS files or browser DevTools is possible, but slow and repetitive.


TintAi

Features

The core feature of the tool is palette generation that maps directly back to existing CSS variables. Instead of generating random colors, the extension keeps the same variable structure and updates values in a consistent way.

To avoid unwanted changes, I added an exclude system that allows ignoring specific variables, such as framework or utility colors.

How I use it

I use TintAI across all my projects to tweak colors, test themes, and generate palettes. For example, In my last project, Wordleful, I used it to generate six different themes by simply describing the look I wanted. The extension generated the themes using the page’s existing color variables, allowing me to export everything at once without changing my code.

Next Project

Next ProjectMarwa Restaurant