We've all been there.
You have an idea. You're excited. You open Figma or grab some color
palette generator. 2 hours later you're still tweaking shades of blue.
The project dies before you write a single line of code.
I did this 5 times in a row. So I built something to fix it.
What I Built
Huesly - a design system generator that takes a mood (Minimal, Bold,
Professional) and gives you:
- WCAG-compliant colors
- Font pairings
- Spacing scales
- Instant export to CSS/Tailwind/SCSS/JSON
Takes <1 second. No design skills needed.
The Tech
- Next.js 15
- TypeScript
- OKLCH color space (way better than RGB for harmonious palettes)
- PostgreSQL + Supabase
- Tailwind CSS
Why OKLCH?
RGB gives you random-looking colors. OKLCH creates actually harmonious
palettes because it's based on human perception.
Try It
Live demo: https://huesly.app
I'm curious, how do you handle design for your side projects?
Built by a 16yo dev who got tired of over-engineering.
Follow my journey: @egewrk
Top comments (1)
Really helpful tool — thank you!