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 |
👉🏽 WATCH NEXT - Color Palletes and Code |
🔗 Full article here -
📚 PRODUCT DESIGN (UX/UI) COURSE I RECOMMENDED
⊚ Enroll Now |
⏤
⏳ 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 |
⊚ Newsletter |
⊚ Live Webinars |
📖 READ THE BEST DESIGN ARTICLES
⊚ BLOG |
🥰 JOIN OUR MINDFUL COMMUNITY
⊚ DesignerUp Community |
💬 CONNECT WITH US
⊚ Twitter |
⊚ Instagram |
⊚ Facebook |
⊚ LinkedIn |
⊚ Pinterest |
🧰 RECOMMENDED PRODUCT DESIGN TOOLS
⊚ Figma |
⊚ ProtoPie |
⊚ Notion |
⊚ Framer |
⊚ Canva |
⚙️ RECOMMENDED GEAR
Video Gear |
Home Office Accessories |
🙋🏽♀️ 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 | learn@
1 view
312
91
2 months ago 00:01:38 1
What’s Your Name? | Noodle & Pals | Songs For Children
2 months ago 00:00:10 1
pitstops practice in Perth #supercars #pitstop #racecars
2 months ago 00:19:45 1
Guitar Pro 8 Tutorial for Beginners - Guitar Pro 8 101
3 months ago 00:09:28 1
Close Battle At RMX Training Facility - Fun Practice
3 months ago 00:02:59 1
AESPA - ’SUPERNOVA’ Dance Cover Practice Mirrored (ARTBEAT VER.)
3 months ago 02:02:32 2
Nervous system Re SET ♈ Coming back to the Center (432hz)
3 months ago 00:35:46 1
Making Woven Rings: A Silversmithing Tutorial
3 months ago 00:06:52 1
Sensual Feminine Energy Activation / Elixir of a Woman / Peruquois music video
3 months ago 00:17:05 1
Truth About Indian Media | SA News
3 months ago 00:08:30 1
Difference between MADE OF / MADE FROM / MADE WITH / MADE OUT OF Super Useful English Grammar
3 months ago 00:03:03 1
Five Little Speckled Frogs | Kids Songs | Super Simple Songs
3 months ago 00:13:58 1
💡 14 Ingenious Home Hacks for Everyday Convenience
3 months ago 00:17:15 1
26 Ingenious home hacks you won’t be able to ignore because they’re very useful | SDIY Sweet