The Ultimate UI Colors Masterclass

5-star-rated

The Ultimate UI Colors Masterclass

Unlock the power of color to create

Unlock the power of
color to create

stunning and impactful designs

Don’t settle for mediocrity when it comes to the most obvious element of UI design — color. Take your designs from average to exceptional by enrolling in this engaging, practical, and all-inclusive video course.

Get Free Lessons

Enroll Now

Gray zone of UI Design

Are your mediocre color skills hurting your career?

Are you struggling with choosing colors? Can you create UI color palettes easily? Do you know how to create balanced and cohesive designs?

Do you know how many tints, tones, and shades you need for a design? Do you know how to modify UI colors to create them?

Do you understand how color systems work? How and why do color properties relate to each other? Do you know how to use that to your advantage?

Do you know how to apply colors intentionally, deliberately, strategically, and consistently?

It’s easy to use colors, but it’s very hard to fine-tune things into being ✨just right✨.

*If you’re the author of one of these designs, get in touch and we’ll gift you this course

5 hours of video content
bonuses and cheatsheets
excellent 5-star student rating
10+ exclusive industry discounts
practical assignments and quizzes
7-day money back guarantee
Completion Certificate
life-time access

5 hours of video content
bonuses and cheatsheets
excellent 5-star student rating
10+ exclusive industry discounts
practical assignments and quizzes
7-day money back guarantee
Completion Certificate
life-time access

Petra

@uxui.with.petra

This was the most insightful masterclass I’ve ever taken! Andrija is such a lovely mentor. You can really feel that he’s talking from experience and knowledge with the purpose of you to understand it.

Experience 130+ enriching lessons

Image shows screenshots from Figma Course, prototpying

Image shows screenshots from Figma Course, tables with auto layout

Image shows screenshots from Figma Course, Advanced layers and shapes

Image shows screenshots from Figma Course, advanced prototyping and smart animation

Image shows screenshots from Figma Course, tables

Experience 130+ enriching lessons

Access 18+ hours of engaging videos

Color Foundation Theory

Working With Color in Figma

Creating Color Palette

Fixing Clashing Colors

Common Mistakes

Breaking tha Rules

Accessibility

5 modules

Access 18+ hours of engaging videos

Color Foundation Theory

Working With Color in Figma

Creating Color Palette

Fixing Clashing Colors

Common Mistakes

Breaking tha Rules

Accessibility

5 modules

Access 18+ hours of engaging videos

Color Foundation Theory

Working With Color in Figma

Creating Color Palette

Fixing Clashing Colors

Common Mistakes

Breaking tha Rules

Accessibility

5 modules

Curate your learning experience

change
quality

closed
captions

control
speed

Curate your learning experience

change
quality

closed
captions

control
speed

Curate your learning experience

change
quality

closed
captions

control
speed

Solve 120+ practical assignments

Join thousands of satisfied students

Student from Advanced Figma Video Course

4.95 average rating

Join thousands of satisfied students

4.95 average rating

Join thousands of satisfied students

4.95 average rating

Graduation certificate for Advanced Figma Video Course by Supercharge Design

Add credibility to your portfolio

Add credibility to your portfolio

Is this you?

Struggling to create stunning but usable UI color palettes

Unsure how to properly adjust colors for necessary tones, tints, and shades

Don’t know how to improve visual hierarchy with colors

Don’t know how to adjust colors for dark UI designs

Struggling to meet accessibility standards

Often ending up with clashing colors

Don’t know how to use color with purpose and intent without visually overwhelming the users

Feeling discouraged about your visual design skills

Feeling like an imposter

Learning from materials that miss depth, aren’t practical, and focus too much on graphic design tips

This should be you!

Fully understanding color psychology and knowing how to create impact with color

Understanding color systems and how to use them appropriately

Understanding color properties and their relationship and using them to your advantage

Knowing how to work with and how to treat structural and semantic colors

Knowing how to work with challenging colors and pairings

Designing dark UI with confidence and ease

Understanding the rules but breaking them meaningfully, like a pro

Knowing how to adapt to any kind of UI design project

Getting compliments from teammates and clients

Feeling empowered about your visual design skills

Teaching others how to improve their color skills

We’re proud to present the most comprehensive course on the theory and practical, real-life application of color in UI design.

If you’re a beginner, this course will propel you from ground zero to astounding sky-highs, unlocking unprecedented potential.

If you’re already pretty decent with UI design and colors, prepare to be amazed as this course unveils structured, smart, logical strategies for working with color that will elevate your skills to a senior level, helping you produce exceptional UI designs.

This is a golden opportunity to outshine competitor designers in one of the most noticeable aspects of design — color.

We’re proud to present the most comprehensive course on the theory and practical, real-life application of color in UI design.

If you’re a beginner, this course will propel you from ground zero to astounding sky-highs, unlocking unprecedented potential.

This is a golden opportunity to outshine competitor designers in one of the most noticeable aspects of design — color.

Introducing

The Ultimate

UI Colors Masterclass

Syllabus

Collapsed

Expanded

Collapsed

Expanded

Collapsed

Expanded

Collapsed

Expanded

Module 1
8 min
Introduction
Lessons
Start Here
Make Your Learning a Success
Exclusive Student Discounts and Perks
Assignments File
Module Quiz
Click to expand
Module 2
1 hr 47 min
Foundations
Lessons
Why Color Matters
Hue, Saturation, and Brightness
Hue, Saturation, and Brightness (Demo)
Shades, Tints, and Tones
How and Why to Group Colors
Color Systems Overview
Perceived Brightness
Perceived Brightness (Demo)
Accessibility
Color Harmonies
Color Psychology
Bonus Files
Module Quiz
Click to expand
Module 3
1 hr 19 min
Working with Color
Lessons
Working with Color in Figma (Demo)
Primary and Interactive Colors
Accent Colors
Status (Semantic) Colors
Structural (Neutral) Colors
Gray and Almost Greys
Gray and Almost Greys (Demo) – Part 1
Gray and Almost Greys (Demo) – Part 2
You Need More Shades Than You Think
Module Quiz
Click to expand
Module 4
2 hrs 15 min
Color Mastery
Lessons
UI Color Palettes
Creating a UI Color Palette (Demo) – Part 1
Creating a UI Color Palette (Demo) – Part 2
Context Matters
Modifying Colors (Demo)
Fixing Clashing Colors (Demo)
Gradients
Gradients (Demo)
Hard Colors to Work With (Demo)
Dark UI
Dark UI (Demo)
Common Mistakes
Breaking the Rules
Bonus Files
Module Quiz
Click to expand
Module 5
5 min
Final Thoughts
Lessons
Main Takeaways
Congratulations
Certificate
Click to expand

Module 1
8 min
Introduction
Lessons
Start Here
Make Your Learning a Success
Exclusive Student Discounts and Perks
Assignments File
Module Quiz
Click to expand
Module 2
1 hr 47 min
Foundations
Lessons
Why Color Matters
Hue, Saturation, and Brightness
Hue, Saturation, and Brightness (Demo)
Shades, Tints, and Tones
How and Why to Group Colors
Color Systems Overview
Perceived Brightness
Perceived Brightness (Demo)
Accessibility
Color Harmonies
Color Psychology
Bonus Files
Module Quiz
Click to expand
Module 3
1 hr 19 min
Working with Color
Lessons
Working with Color in Figma (Demo)
Primary and Interactive Colors
Accent Colors
Status (Semantic) Colors
Structural (Neutral) Colors
Gray and Almost Greys
Gray and Almost Greys (Demo) – Part 1
Gray and Almost Greys (Demo) – Part 2
You Need More Shades Than You Think
Module Quiz
Click to expand
Module 4
2 hrs 15 min
Color Mastery
Lessons
UI Color Palettes
Creating a UI Color Palette (Demo) – Part 1
Creating a UI Color Palette (Demo) – Part 2
Context Matters
Modifying Colors (Demo)
Fixing Clashing Colors (Demo)
Gradients
Gradients (Demo)
Hard Colors to Work With (Demo)
Dark UI
Dark UI (Demo)
Common Mistakes
Breaking the Rules
Bonus Files
Module Quiz
Click to expand
Module 5
5 min
Final Thoughts
Lessons
Main Takeaways
Congratulations
Certificate
Click to expand

Module 1
8 min
Introduction
Lessons
Start Here
Make Your Learning a Success
Exclusive Student Discounts and Perks
Assignments File
Module Quiz
Click to expand
Module 2
1 hr 47 min
Foundations
Lessons
Why Color Matters
Hue, Saturation, and Brightness
Hue, Saturation, and Brightness (Demo)
Shades, Tints, and Tones
How and Why to Group Colors
Color Systems Overview
Perceived Brightness
Perceived Brightness (Demo)
Accessibility
Color Harmonies
Color Psychology
Bonus Files
Module Quiz
Click to expand
Module 3
1 hr 19 min
Working with Color
Lessons
Working with Color in Figma (Demo)
Primary and Interactive Colors
Accent Colors
Status (Semantic) Colors
Structural (Neutral) Colors
Gray and Almost Greys
Gray and Almost Greys (Demo) – Part 1
Gray and Almost Greys (Demo) – Part 2
You Need More Shades Than You Think
Module Quiz
Click to expand
Module 4
2 hrs 15 min
Color Mastery
Lessons
UI Color Palettes
Creating a UI Color Palette (Demo) – Part 1
Creating a UI Color Palette (Demo) – Part 2
Context Matters
Modifying Colors (Demo)
Fixing Clashing Colors (Demo)
Gradients
Gradients (Demo)
Hard Colors to Work With (Demo)
Dark UI
Dark UI (Demo)
Common Mistakes
Breaking the Rules
Bonus Files
Module Quiz
Click to expand
Module 5
5 min
Final Thoughts
Lessons
Main Takeaways
Congratulations
Certificate
Click to expand

Preview course with

3 free lessons!

Get a taste of what's in store by signing up for our exclusive 3 free lessons from The Ultimate UI Colors Masterclass.

Don't miss out—unlock the world of color excellence today!

Get a taste of what's in store by signing up for our exclusive 3 free lessons from The Ultimate UI Colors Masterclass.

Don't miss out—unlock the world of color excellence today!

Preview course with

3 free lessons!

Get a taste of what's in store by signing up for our exclusive 3 free lessons from The Ultimate UI Colors Masterclass.

Don't miss out—unlock the world of color excellence today!

Daniel

@uix.daniel

This course was mindblowing! As a designer working with colours was my “weak” side but after going through this course I feel like I gained a lot of knowledge on how to work with colours.

Elevate your work with multiple free bonuses

Unleash your UI colors efficiency with fantastic freebies and bonus materials

Get 3 premium e-books about color theory

3 Free bonuses

E-books

Color glossary: a concise guide to essential color terms and concepts, useful as a quick reference in design work.

Color harmonies: an overview of prevalent color schemes derived from color harmonies, useful for design planning.

Color psychology: an exploration of the emotional and psychological impacts of colors, including shades, tints, and tones, highlighting both universal and cultural associations.

Additional reminders, e-ebooks, and cheat sheets to kickstart any UI project

5 free bonuses

E-books

Cheat sheets

Color palettes: a collection of pre-made color systems you can use for your UI projects, with primary, accent, neutral, and semantic palettes.

50 color tools & resources: an ever-growing collection of useful color tools and resources with links.

Cheat sheets: questionnaire for choosing the ideal colors, a checklist of common color mistakes, and a color in UI design cheat sheet.

Ready-to-go UI color systems and a practical Figma assignments file

2 free bonuses

Figma Files

Ready-to-go Figma color systems: a Figma file you can use to quickly create battle-tested color systems and styles for your UI projects.

Practical assignments Figma file: practice with insightful assignments to amplify your UI color skill development in the most efficient way!

Industry-relevant tools and high-quality resources for a fraction of the cost

Exclusive Discounts

Yes! You read that right!

We partnered 🤝 with notable companies to offer you their high-quality products and subscriptions at discounted rates.

Mobbin, Artboard Studio, ProtoPie… and many more amazing discounts and perks await inside! 🤫

Real designers. Real testimonials.

Don’t just take our word for it

Asim

@uiux.asim

Being a designer, I must appreciate the efforts put in by the Supercharge Design team to build such a detailed and valuable course on colors. This course covers almost everything that one should know about colors and the key thing is, it’s a GEM for the Junior Designers who are getting into this field and who don’t know much about color usage in an user interface.

I love how you’ve covered the concepts of not using Pure Blacks and Greys and use color tints to maintain the visual balance and keep up with the brand guidelines. The course has covered everything. Thanks for all the practical stuff and the assignments! Really helpful and I would definitely recommend people to have this course to increase your knowledge about colors. You won’t regret enrolling in this course. Highly Recommended!!!

Addina

@byaddinaf

The course covers a wide range of topics starting from the foundations of colors and gradually progressing to more advanced topic. What I love the most is that the course covers practical aspects, such as selecting color palettes, creating gradients, accents, accessibility, and the dark UI which is also a popular and trending topic nowadays! I would recommend the course for beginner and intermediate level to improve their understanding and application of colors in UI design!

Sami

@uiuxsami

I would rate this course 11/10!!! Enrolling in this course was one of THE BEST DECISIONS I’ve made in my UI/UX & Graphic Design journey. This course has helped me learn, how to create aesthetically pleasing color palettes, how I can use multiple color palettes in a single design without overdoing the colors. Apart from that it includes everything that makes you a better designer or gives better sense of colors in general.

I’ve easily learned everything from shades/tints/tones, brightness/hue/saturation, & gradients, to dark UI, Design Accessibility, Aesthetics, Usability, in short everything that is required for a useful and useable product Design. I must say this course is a perfect blend of everything regarding colors. This course was beyond my expectations and I’m so happy by seeing huge improvements in my work!!!

Kusuma

@uxbykusu

This course will be a great kickstarter for every designer. In this course, Andrija starts everything from scratch! Even he talks about the perception of colour. The course is not just limited to lessons but also includes some quizzes and assignments to check our understanding of the concept.

This is a value-packed course. This course provides a strong foundation for understanding colours and helps us become masters at using colours in our designs. It covers everything from creating our colour palette to how to fix flashing colours, how to create gradients, dark UI, and much more. Thank you, Supercharge Design, for letting me test the course. I really enjoyed learning.

Valentine

@ui.val

Tbh choosing and knowing about colors can be painful for designers even pro designers. I speak with experience. But this course covers literally everything about colors in general, how to apply them, and also quizzes which makes it more practical and fun. I really love how Andrija broke down this broad topic so well and explained so well. I’m really glad to go through this tbh, I learnt so many new things about colors. This is for sure a gem

Shubham

@uiuxshubham

As a fan of Supercharge Design I had high expectations, and once again, they delivered exceptional quality. If you are looking to learn the basics of color theory and establish a strong foundation, this course is a must-try.

Abhi Kevadiya

@uiuxbyak

This UI Colors masterclass has everything you need to know about UI Colors to become expert at it. The content is well-structured and engaging as well. I proudly recommend this course to anyone looking to enhance their UI design and colors skills.

Daniel

@uix.daniel

This course was MINDBLOWING for me. It contains so much knowledge about colours that I didn’t even knew existed, As a designer working with colours was my “weak” side but after going through this course I feel like I gained a lot of knowledge on how to work with colours. This will boost your knowledge no matter what your level of experience is. I never knew I would know this much about colours 😂

Petra

@uxui.with.petra

This was the most insightful masterclass I’ve ever taken! Even as a working product designer, I’ve learnt so many things about colors that I had no way of finding out before! What’s blow minding is the fact that it’s suitable for both beginners and advanced designers.

Andrija is such a lovely mentor and all the lessons are easy to understand even when talking about such complex things as color is. You can really feel that he’s talking from experience and knowledge with the purpose of you to understand it and it gives so much value to the course.

Tim

@uiplug

This course is essential for learning everything you need to know about color for UI design. From the correct color formats to use, through to building strong palettes for your designs, with useful tips on avoiding common mistakes along the way. I especially loved the lessons on perceived brightness and how to test color luminosity to make sure the shades and tints you use are legible and work well together. The considerations for accessible design are a welcome addition, as these are super important and really well explained.

The combination of theory, practical videos and module quizzes is a really great way to learn the concepts within this course. Even if you have been designing for years, you are guaranteed to learn something from this course! Can I just say this was the best design course I’ve ever experienced? Really high-quality, practical content.

James

@ui.jaymez

Personally, I’m still stunned at Andrija’s ability as a tutor. He’s very detailed and considers the facts that it might be the first time you’re hearing of such terms, also, he makes you feel confident in learning. I personally recommend this course to all designers irrespective of their levels.

Supercharge Design has one of the best courses out there and this is not an exception! Skillfully showing the importance of colors and how when used perfectly can make all the difference. This course is a gem! and it greatly improved my design thinking skills. Thank you Supercharge! Love you guys!

Yashog

@uxviayashog

What can I say about this masterpiece? This course is a must if you are diving into the design field. Are you a beginner? No problem; Andrija has covered you. He briefly explains from scratch. How human eyes perceive colors to how to use colours. What are the common mistakes we end up making while using colours? How we can create our own colour palette. Also, know when to break the rules. It is not just about learning; there are assignments and quizzes. Never miss an opportunity to learn from Supercharge team. Thank you Andrija, for this well-presented course.

Preet

@preet.designs

I really feel amazing while watching this course. I think this is the one of best UI colors mastery course in the market. I learnt some new things that even I don’t know about that as a UI/UX designer. I recommend you to go with this course definitely.

Aleksandra

Aleksandra's Website

It was a pure pleasure to complete this course! Took me only two days as I couldn’t stop watching 😉 I feel like I’ve learned so many new things and perspectives on color theory.

I really like the structure of the course and how detailed it is! I think the best part is that it combines both theory and practical tips.
Thanks so much Andrija!

Mona

@ux.galaxy

Outstanding course experience! The course content was thoughtfully curated, covering a comprehensive range of topics related to UI colors. From color theory to accessibility, and working with color techniques. The modules were well structured, allowing for a seamless progression of knowledge and skills.

Aslo, I want to thank Andrija, for his exceptional teaching abilities and passion for UI colors, and the explanations were super clear, concise, and incredibly insightful. Andrija’s ability to break down complex concepts into digestible bits of information made the learning process engaging and enjoyable. Exceptional course!

Shravya

@shravya.design

This course is blowing my mind! Even though I’m a junior designer, this course addresses a lot of challenges I run into while designing. Just completing this course can take you from a complete beginner with no previous knowledge of UI colors to an UI designer with an advanced degree of knowledge of how to apply colors to your UI design! I’m very impressed with how this course is structured, it walks you through evey aspect of colors in UI design – whether it’s creating color palettes, gradients or designing Dark UI!

Highly recommend this course to any UI/UX designer interested in mastering their craft, especially if you’re a self-taught designer like me. Wish I had this course when I was teaching myself UI/UX design – it’s all I need to reach an advanced level of understanding of UI colors!

Jansley

@jansleyreal

Overall, I think this is an awesome color course, and definitely one of the only ones I’ve seen on the market. The foundations section was awesome and thorough, I learned a ton from that, and that trick to check luminosity is really cool!

Basit

@basit.designs

This is course is a value-bomb not only for beginners but also for expert level designers; It has everything about colors that a designer needs to master the skills of understanding colors. It encompasses a comprehensive guide to colors that will undoubtedly elevate your skills. I was astounded by the wealth of knowledge I gained about colors.

Andrija’s teaching prowess is truly remarkable, as he effortlessly imparts his polished mastery in a way that simplifies even the most intricate concepts of colors. The course’s impeccable organization, engaging quizzes, and interactive assignments add an extra layer of brilliance. I wholeheartedly endorse this course, catering not only to beginners but also to seasoned professionals in the design field. Prepare to be amazed!

Petra

This is an absolute gem for anyone interested in the world of design. With its insightful content and captivating presentation, this video delivers a wealth of knowledge and practical tips. From the very beginning, it’s evident that the creators of this masterclass have a profound understanding of the role colors play in design. The instructor’s expertise shines through as they effortlessly guide viewers through the intricacies of color theory, explaining concepts with clarity and enthusiasm.

The production quality of the video is exceptional, with seamless editing and visually pleasing graphics. The instructor’s engaging delivery style keeps the viewers’ attention throughout, making the learning experience thoroughly enjoyable. I can confidently say that it exceeded my expectations. The content is comprehensive, well-structured, and packed with useful information

Ana

@gracegraphics._

The course is fully understandable, interesting, comprehensive, and practical to follow. The lecturer is friendly, and his narrative is approachable – both with introductory greetings and during explanations. You don’t feel like you’re attending a lecture; instead, it feels like you’re hanging out, absorbing, enjoying, and acquiring knowledge. The quiz at the end of each module is extremely useful and fun, summarizing the module and serving as an excellent reminder of everything covered. You mentioned that the emphasis in creating your products is on quality, and that’s clearly evident. YOU’RE AWESOME!

Asim

Mona

Petra

Sami

Jansley

James

Valentine

Petra

The Ultimate UI Colors Masterclass

Unlock the power of color to create

Unlock the power ofcolor to create

stunning and impactful designs

stunning and impactful designs

Gray zone of UI Design

Is this you?

This should be you!

Introducing

The Ultimate

The Ultimate

UI Colors Masterclass

UI Colors Masterclass

Syllabus

Syllabus

Syllabus

Syllabus

Introduction

Foundations

Working with Color

Color Mastery

Final Thoughts

Introduction

Foundations

Working with Color

Color Mastery

Final Thoughts

Introduction

Foundations

Working with Color

Color Mastery

Final Thoughts

Preview course with

Preview course with

3 free lessons!

3 free lessons!

Preview course with

3 free lessons!

Elevate your work with multiple free bonuses

Get 3 premium e-books about color theory

Additional reminders, e-ebooks, and cheat sheets to kickstart any UI project

Ready-to-go UI color systems and a practical Figma assignments file

Industry-relevant tools and high-quality resources for a fraction of the cost

Real designers. Real testimonials.

Don’t just take our word for it

Unlock the power of
color to create