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 complimentary color palette, but you notice that the colors don’t seem to match very well, perhaps they looks 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 ⏳ 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