T
26
c/design-workflow-hacksbriannguyenbriannguyen7d agoProlific Poster

Found a dumb simple color palette trick that actually works

I was spending way too long picking colors for a landing page in Figma, kept going back and forth between 5 similar blues. Then I remembered a tip from a UI course I took in 2021: pick your base color, then generate the whole palette by just adjusting lightness and saturation in HSL sliders. No more random guessing or swatching 20 shades. Has anyone else found a weird shortcut that saved them hours?
2 comments

Log in to join the discussion

Log In
2 Comments
jade618
jade6187d ago
Oh man, I feel this so hard. I used to waste hours picking paint colors for my crew's projects and it was the same kind of loop you're describing. That HSL trick is brilliant though, I've been using something similar for years now and it's a total game changer. I found that once you lock in your base hue, just moving that saturation slider up and down gives you way more usable shades than you'd think. What really saved me was realizing you only need like 5 or 6 good shades for almost anything, not a whole rainbow. Have you tried applying this to any other design work besides landing pages?
5
cole_mitchell57
yeah @jade618 nailed it with the 5 to 6 shades thing. i used to try and make like 20 different colors for a single page and then wonder why my brain felt like scrambled eggs halfway through lol. lately ive been using that same HSL trick on social media graphics too, just picking one accent color and letting saturation do all the heavy lifting. saved me more time than i care to admit.
1