Turn one brand color into a complete website color system — primary shades, secondary, neutrals, and semantic colors. Copy as CSS variables instantly, free.
Hey Product Hunt! 👋
We kept manually building color systems for every client website — primary shades, neutrals, semantic colors — so we turned it into a free tool.
Pick one brand color, and it instantly generates:
- A full primary scale (light to dark)
- A complementary secondary color
- A neutral gray scale for text/backgrounds
- Semantic colors (success, warning, error, info)
Copy any hex code, or grab the whole thing as ready-to-paste CSS variables.
100% free, no signup. Built this because we needed it ourselves at Webnex — would love your feedback!