How I make UI color palettes

Creating a UI color palette can sometimes feel a bit complicated and messy. But I’ve developed a systematic, efficient method for making a color system. In this video, I run through the 5 steps I use (plus a few extra tips for working with color)! Learn more about our product designer’s field guide to color: 00:00 Intro 00:20 What we need 01:29 Step 1: Find a starting point 02:37 Using HSB 03:23 Step 2: Choose supporting colors 04:18 Step 3: Create shades 06:07 Step 4: Pick the neutrals 06:34 Step 5: Test it out 08:00 Field guide to color 08:30 Outro 👨🏻‍💻 About UX Tools We make videos with practical lessons, resources, and news for the product design community. Find out more: 🐦 Follow Jordan on Twitter where he shares more tutorials for designers: #colorpalette #uidesign #designtutorial
Back to Top