Super Practical Guide to Color Theory, Color Models and Perfect Color Palettes | UI Design
Maybe you’ve followed all the color harmony and color theory tutorials to a tee and generated a complementary color palette, but you notice that the colors don’t seem to match very well, perhaps they look harsh or a bit muddy and unprofessional and you don’t really know why. The part that's often missing is understanding tone, tint, shade and temperature What I discovered is that on digital screens, there is a formula and safe range of Saturation and Brightness that will result in a perfect palette for each category every time. In this super practical guide, I'll show you how to setup your design apps (Sketch or Figma) and create color palettes that match every single time. Using a few tricks and a few numbers. #uidesign #colorpalettes #colors 📘Download the color formula cheatsheet for Figma | https://go.designerup.co/color-cheats... 👉🏽 WATCH NEXT - Color Palletes and Code | • My Effortless Color Picking Method (No Plu... 🔗 Full article here - https://designerup.co/blog/practical-... 📚 PRODUCT DESIGN (UX/UI) COURSE I RECOMMENDED ⊚ Enroll Now | https://designerup.co/product-design-... ⏤ ⏳ TIMESTAMPS 00:00 - Intro 1:23 - Color theory overview 2:09 - Color levers and balance 5:07 - Color models 6:15 - CMYK 7:04 - RGB 7:47 - HSB 9:08 - Switching color models in your app 10:24 - Warm vs Cool colors 11:04 - Color categories and color families 11:47 - 6 color categories 12:34 - Category 1: Jewel tones 12:56 - How to apply the color category formula 17:51 - Category 2: Pastel tones 18:21 - Category 3: Earth tones 19:17 - Category 4: Neutral tones 20:05 - Category 5: Fluorescent tones 20:57 - Category 6: Shades 21:30 - Combining color categories 21:42 - UI color combinations 22:07 - Why we don't talk about color this way (but probably should) 📒 GET FREE DESIGN LESSONS ⊚ Free UI Design Crash Course | https://designerup.co/ui-design-crash... ⊚ Newsletter | https://designerup.co/newsletter ⊚ Live Webinars | https://designerup.co/webinars 📖 READ THE BEST DESIGN ARTICLES ⊚ BLOG | https://designerup.co/blog 🥰 JOIN OUR MINDFUL COMMUNITY ⊚ DesignerUp Community | https://designerup.co/community 💬 CONNECT WITH US ⊚ Twitter | / designerupco ⊚ Instagram | / designerupco ⊚ Facebook | / designerupco ⊚ LinkedIn | / designerupco ⊚ Pinterest | / designerupco 🧰 RECOMMENDED PRODUCT DESIGN TOOLS ⊚ Figma | https://go.designerup.co/figma ⊚ ProtoPie | https://go.designerup.co/protopie ⊚ Notion | https://go.designerup.co/notion ⊚ Framer | https://go.designerup.co/framer ⊚ Canva | https://go.designerup.co/canva ⚙️ RECOMMENDED GEAR Video Gear | https://kit.co/DesignerUp/designerup-... Home Office Accessories | https://kit.co/DesignerUp/home-office... 🙋🏽♀️ ABOUT ELIZABETH ALLI ⊚ Senior Product (UX/UI) Designer ⊚ Founder of DesignerUp the first Mindful Product Design (UX/UI) School ⊚ Trained teacher ⊚ Youtube creator ⊚ Author *Some of the links listed in the description may be affiliate links through which we may earn a small commission. They are at no cost to you and often include discounts that we pass along! These help keep our free channel going and help us continue to create the highest quality content possible. So thanks for your clicks and your support! 💜 💻 SPONSORSHIP AND COLLAB INQUIRIES ⊚ Email | [email protected]

UI Design | How to choose colors and color palettes

Free Figma Crash Course for Beginners 2024 | UI/UX Design

Color Theory for Artists: 7 Tips to Instantly Improve Your Artwork

How to Use Your Color Palette on a Website

Build a Design System - Full Course

Create Smooth, Eye-Catching Color Gradients! Mesh, Aurora, and Blended Gradients for UI Design

Learn Web Design For Beginners - Full Course

Graphic Design Essentials: Free Course

6 Stages of UI Design

UI / UX Design Tutorial – Wireframe, Mockup & Design in Figma

Intro to UX (User Experience) | Google UX Design Certificate

How to Not Suck at Color - 5 color theory tips every designer should know

The Secret Behind Weirdly Addictive Apps

Power BI FULL COURSE for Beginners | Learn Dashboards & Reports Fast!

Graphic Design Theory #1 - Color Part 1

Free Figma UX Design UI Essentials Course

70% UI/UX Jobs Are Already Dead, DO THIS In 2026.

How I make UI color palettes

How to Be A Web Designer in 2026 (Free Resources & My Best Advice)

