The latest articles on DEV Community by Ege Uysal (@egeuysall). https://dev.to/egeuysall https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3759059%2Fbb078fd3-ae35-4421-a5c9-9d63d4811d9a.png https://dev.to/egeuysall en Ege Uysal Sat, 07 Feb 2026 20:50:47 +0000 https://dev.to/egeuysall/i-spent-3-hours-picking-colors-for-a-side-project-that-died-in-a-week-5fdb https://dev.to/egeuysall/i-spent-3-hours-picking-colors-for-a-side-project-that-died-in-a-week-5fdb <p>We've all been there.</p> <p>You have an idea. You're excited. You open Figma or grab some color <br> palette generator. 2 hours later you're still tweaking shades of blue.</p> <p>The project dies before you write a single line of code.</p> <p>I did this 5 times in a row. So I built something to fix it.</p> <h2> What I Built </h2> <p>Huesly - a design system generator that takes a mood (Minimal, Bold, <br> Professional) and gives you:</p> <ul> <li>WCAG-compliant colors</li> <li>Font pairings </li> <li>Spacing scales</li> <li>Instant export to CSS/Tailwind/SCSS/JSON</li> </ul> <p>Takes &lt;1 second. No design skills needed.</p> <h2> The Tech </h2> <ul> <li>Next.js 15</li> <li>TypeScript</li> <li>OKLCH color space (way better than RGB for harmonious palettes)</li> <li>PostgreSQL + Supabase</li> <li>Tailwind CSS</li> </ul> <h2> Why OKLCH? </h2> <p>RGB gives you random-looking colors. OKLCH creates actually harmonious <br> palettes because it's based on human perception.</p> <h2> Try It </h2> <p>Live demo: <a href="https://huesly.app" rel="noopener noreferrer">https://huesly.app</a></p> <p>I'm curious, how do you handle design for your side projects?</p> <p>Built by a 16yo dev who got tired of over-engineering. <br> Follow my journey: @egewrk</p> design productivity showdev sideprojects