How to Apply a Color Palette to Your Design - Tutorial

[@TheFuturAcademy]

🎨 Want to learn more about color? Sign up for our color course - bit.ly/ColorCreatives

[@PHlophe]

whew! Chile you just spilled some major tea right here. I am totally feeling this.

[@catalinanzoolala2121]

@@PHlophe BMW g Mg 0 and a lot cc are. OP cut c z the

[@ToniHernandezSalam]

Hello, very nice work, i love your videos and i am considering to buy your large course, but there is something i do not understand, I have a question. When you say, you have black-white-cream as primary, blue as secondary, and fucsia&gold as accent. What is the proportion between the three primary colors? if we share the 60% between black-white-cream, does it mean we should use 20% of black, 20% of white and 20% of cream? how can then these be primary if we are gonna use them LESS than the secondary blue which is 30%? Thank you for your help! :)

[@riteshthahryani]

thank you so much for such use full information, i learned a lot here and use those tips in my videos kzbin.info/www/bejne/kJyxm3xmerSAhLs

[@riteshthahryani]

thank you so much for such use full information, i learned a lot here and use those tips in my videos kzbin.info/www/bejne/kJyxm3xmerSAhLs

[@SpaceshipRocketFuel]

This isn't a sob story... I went to university to learn design around 18 years ago. The course was poor, the teaching was dire, it was oversubscribed and woefully underfunded - unfortunately we didn't realise until too late, probably naivety on our part. Fast forward to today and after a few safe corporate in-house roles I've realised I'm nearly 40 and I lack so many of the basic skills - I'm being shown up by junior designers in terms of basic knowledge, and I'm being shamed in front of other colleagues. To the point recently where I considered retraining in something else. As a last chance, I've made a conscious effort to really refresh my skills (or learn in the first place...) and am going through huge amounts of content such as this - it's genuinely bringing back the enthusiasm I had some 18-20 years ago to create, solve problems and enjoy doing my work. Thanks a lot for this - and am hoping to purchase some of the Futur courses soon, just need to be a bit mindful of spending at the moment... Edit - I bought the colour course. Thanks Greg!

[@simonesimone2016]

Just give that man a like

[@goldcherries]

Really enjoyed reading your comment. I've been in video and frequently am required to make decisions for text and colors and I didn't go to design school (just took 1 beginner class) and so am overwhelmed by the clean layouts and colors I see on high design videos. It's distressing to see young new graduates who really went to art school and seem to magically know how to create visually amazing video while I struggle just picking colors. It's so nice to see something like this break down what feels like secret information that I'll never have because I didn't go to design school.

[@fandydiadline]

Wow, "bringing back the enthusiasmn" made me smile.

[@waqaaar]

wholesome!

[@hkhatri12]

I know how that feels. I am currently taking a course [to graduate on May, 21] and my design courses were kind of non-existent for sure. Glad that I was focussing more on other parts of marketing and designing was never my war to fight. I just keep upskilling myself, just in case.

[@faranjaved4001]

Every one is teaching how to create a palette but you are the one who taught us how to properly apply them and the impact of percentages / ratios of each color on the design ! Precious stuff for free ! Keep creating.

[@kwakuduah9087]

very true

[@hyoriittai5411]

Fr this is the only video that showed how to use it😭

[@tempodobnii]

I can't believe this is free. This is a 200 page book content spread across few 10 minute videos. You're amazing man, thank you for sharing your knowledge.

[@celestecruz]

Dang I wish my art college is as entertaining as this.

[@Ggunn]

Wish mine was too.

[@shwetasawji5849]

Haha! Even i wished my art college shared this technique earlier. But happy to know now☺️

[@danielthephan]

Wish i went to art college

[@siefmassoud1273]

I wish i went to an art college from the beginning

[@siefmassoud1273]

@@danielthephan same sadness

[@Heisenberg-xc8ub]

I'm not even a designer and I'm here, that's how good this video is.

[@DanielDogeanu]

Brah! That's how you become a designer! Run away before it's too late! 😂

[@Heisenberg-xc8ub]

@@DanielDogeanu I can't! Their videos are very magnetic. Send halp pls. 😂 Thruth is, I'm a backend web developer wanting to up my web design skills. The rules they give to apply the colors are so good that even after having no design skills, I was able to apply it.

[@Heisenberg-xc8ub]

@@DanielDogeanu Here's a sample of what I made from this video haha imgur.com/a/yfJjEBO

[@onuohaudeagha1255]

@@DanielDogeanu why should he run?

[@indrajithlal6160]

@@Heisenberg-xc8ub looks good

[@ahmedabdullah5705]

This was an amazing video! Guys, please give us more Gregg Gun content, he's amazing infront of the camera and his teaching is so simple and entertaining and straight to the point

[@Ggunn]

You are very nice.

[@ibrahem891]

unbelievable nowdays what a quality educational content someone could get for free online , thank you for this informative video i've been struggling with proper use of colors in my designs .

[@mosart9689]

I second that! Wow

[@saqibbro6725]

I don't know how this guy is super talented to explain this complex content in such a simple way!!!!. I am a UX UI designer with few years of experience but I was struggling with choosing the color palettes and I think most of the designer face this problem. I read through some of the article/ books recap the color theory once again , dig down hot to choose color palletes but I was still struggling to use color palletes in my design in right way. I am shocked, speechless , happy and don't know exact words how can I express my emotion what I am feeling now after watching this video and clearing the concept.

[@nirvanakun]

I NEEDED a video like this. You're right when you say that it's content that we crave!

[@MariaManuelaAndrade]

I can't thank you enough for this. It's SO HARD to find tutorials on color. Yes, I get the whole colors have meaning and what not. But, if you actually intend to use color, not just the whole minimal, all white + 1 color kinda thing, it's very hard to find quality material on how to use those colors. Plus, you are an amazing speaker! So fun to watch.

[@phacowil]

There's just one thing that makes an instructor unique. You're pedagogically skilled. Your ability to break down complex topics like this one is exceptional. It took me about 6hrs of searching for videos like this. You just got a +1 loyal subscriber.

[@jasperdhaene4275]

Well that blew my mind. By knowing some color theory I could create my own color palettes, but it was still as frustrating as trying to use the nice looking 'popular' palettes, simply because I had no idea how to actually use the colors. This is the first video I've seen on color that has a very practical set of rules to visualise the proportions you should use (according to the 60-30-10 rule) and how to choose good pairings between the individual colors. Thanks a lot!

[@pelegred6123]

This is the best video about color on the internet

[@madiko]

Great tutorial. Many thanks for sharing your insights, Greg. 😊 Since I am coming back once again, I add some time stamps for the respective chapters that might as well serve as a checklist: [ 00:00 ] Introduction [ 00:17 ] How to NOT use colour palettes (introduction to the exemplary landing page) [ 01:02 ] Colours: Context [ 01:20 ] 60-30-10 rule [ 01:38 ] 60-30-10 rule - examples [ 02:19 ] Applying the 60-30-10 rule to the exemplary web page [ 02:25 ] Color ratio (starting point) [ 02:37 ] Choosing the primary and secondary colours as well as accents [ 04:07 ] Defining the basic colour rules for backgrounds and typography depending on what colours work together [ 04:07 ] Backgrounds [ 04:39 ] Headlines (incl. legibility 05:00) [ 05:39 ] Links [ 06:50 ] Buttons [ 07:59 ] Design elements (for decoration or else) [ 09:15 ] Applying the newly defined colour rules on the exemplary landing page [ 09:40 ] Menue [ 09:45 ] first section / basics [ 10:15 ] second section / basics [ 10:44 ] third section (main call to action) / basics [ 10:58 ] stepping back and looking at the landing page on a whole [ 11:14 ] fine tuning the illustrations / simplifying using the visual hierarchy [ 12:45 ] recap

[@ilze524]

This is probably the best tutorial I've watched on how to use color. Wow!

[@canopyzerowaste6941]

This is awesome, no one's really explaining HOW to use the color palette - this really helps understand how to build the palette in the first place since the vision becomes clearer. Thanks for this awesome tutorial! :D

[@thebangisbig]

struggled with applying colour palette nicely for a long time and I tried to put this in practice just now and wow I'm very blown away right now. I MIGHT REALLY SIGN UP FOR THE CLASS

[@designersmantra]

love thing this series on colors. what I am most happy about is the style of presentation from Greg is informative with a handsome sense of humor.

[@theaylaharris]

THIS is singlehandedly THE best branding video on YT. The creation of rules is hella key. Thank you.

[@Ndamoly]

This was so fun to watch! I like how you added bits of humor but still made a great video. Thank you so much.

[@yousefg3320]

I'm not into commenting and giving feedback - but for the very first time I feel i can use colors and to be afraid plus i know know how to experiment and try different colors - thank you Greg you're an awesome teacher

[@Animefreak242]

You guys are always coming through with the timely videos

[@trblmkr5139]

i loved the lesson! didnt love the end result much tbh but hey to each his own. Just thought it could've used a different palette entirely but his methods are rock solid, I love it. SUBSCRIBED

[@ruggeddog3103]

the other guy on youtube gives history but never actually teaches how to go about, thanks man you deserver more subscribers:)

[@brianfong5711]

Gregg "Top" Gunn taking our breath away

[@Ggunn]

Thanks, Ice Man.

[@nikhiljain5633]

You have the best microphone I have ever hear on KZbin.

[@osherez6597]

Most useful straight forward and practical series on youtube period. Thank you

[@magatsu82]

I had to watch this muted and with subtitles but after that it's an incredibly useful video! straight to the point and very pragmatic. Awesome video!

[@thatQiao]

谢谢！

[@azfaru4367]

OK Greg is awesome at tutorials. Yall have the best people working for yall sheesh

[@opeyemiokediji8069]

The futur and the futur Academy- my favourite KZbin channels so far. I'm so sold out to these channels. Such immense value! Team 1Bminus1 all the way (cheering you all from Nigeria ). I am surely a beneficiary of this vision 😄

[@itpedia2311]

Man this is the video i was looking for so long like everyone talking about color theory but no one explains how to apply that Thanks for sharing this info

[@raadas2745]

NEEDS MORE VIDEO FROM GREGG!! I NEED IT

[@michaellwalker8748]

OK. Take this follow! This was really useful. Love the upfront work you did to create the color pairings. Love how you paired color with “calls to action.”

[@TheFuturAcademy]

Glad you liked it!!

[@lovedhylan09]

Your course is 👍 Learning so much! Thank you Gregg!

[@Ggunn]

Happy to hear it, Dharshini!

[@alexhartan]

You integrated the color palette into the video thumbnail itself. Loved it.

[@mantastrumpickas5508]

Whaaaaa In just 13 minutes you showed us what i've learned in first year at art college... what you showed us is amazing. Its simplified and its clear. Thanks!

[@emarv6189]

This is the greatest design tip I have ever learned THANK YOUUUUU.

[@EliSamba]

This video is... quality, quality, and quality content! Thank you very much, Greg and The futur!

[@bkfilmy5585]

This is worth it watching... Too many information narrated in a simple yet effcetie way Tnx for this video

[@marykirmo]

So helpful to see the whole process. Thanks. Color use is my biggest battle to date.

[@MrTabasamu]

This is amazing. I'm learning a lot especially considering I'm self-learning during this lockdown period. And it's so much FUN!!!

[@noexskz]

All of Greg's videos are gold! Thank you!

[@fatemehsharifi643]

It was surprisingly pleasing to watch!

[@christianeholden]

Awesome colour education. I particularly struggled so far with finding the right colours. Am starting to use this way now - thanks for sharing

[@yueshangeng6754]

That demo practice in the video is great!

[@diywebsiteguy]

This is one of the best video I watched in 2022 about colors.

[@transcendmind]

This was excellent!!! My biggest take away is "The reason color is so hard to work with is because it's use is based on CONTEXT." That is a huge revelation for me. Big games changer. Thank you Greg Gunn!!!!

[@clarkkent3864]

THANK YOU THANK YOU THANK YOU THANK YOU!!! Colors can be so damn confusing but these techniques make it so much efficient! I have 2 quick questions I was hoping you can help me with: 1) On a website/app that has a lot of vector illustrations, would you recommend using a different color palette altogether, just for illustrations, instead of the UI color palette 2) I have seen a lot of UI style guides that have a primary color palette (5 or 6 colors)... and then they have a secondary color palette (another 5 to 6 colors and the instructions are " use colors from the secondary palette when the primary palette isn't enough" .. what does that mean? When should we use secondary palletes? Thank you once more!

[@Ggunn]

1) I'd try to stay within the brand’s existing palette, but maybe a simplified version with fewer colors. Kind of like what I did in the video here. 2) Depends on the brand guidelines and how that brand uses color. Typically, those tertiary colors are used to expand the palette when/if needed and very rarely.

[@haans8]

What a nice lesson, its really fun to watch, the way you throw the puchline is just unbelivable dude

[@daniprivado8496]

JESUS GREG WHY ARE YOU SO GOOD AT THIS

[@telmojuliao]

2 suggestions: - always check contrast ratio for accessibility (most of your choices won't pass WCAG guidelines) - try using Figma for UI, way easier than Illustrator

[@mohammedhamdi8329]

This was really useful, that will help a lot with the current project that I'm working on at the moment

[@miklosclarke]

Just the kind of value I want my youtube channel to give.

[@kianatehrani]

I just want you to know, I’ve been looking for these color application videos my whole life! Thank you so much!!!

[@studioss3630]

This is the best video on color out there. I'm going to use this to redesign my portfolio right now. If you haven't subscribed to this channel yet, you are missing out on so much valuable content like this.

[@laaan25]

Love your content and your personality Greg! More colour content please!

[@Ggunn]

Thank you and yes!

[@emillysantos6118]

This is the BEST WAY to how use a color pallet! I like it this trick! thank you so much! 😍

[@AlbertVicol]

Thank you for figuring out my brand color , this was best video ever seen in this subject!

[@joyk1288]

I don't know why I'm so surprised by how much I'm learning haha great stuff as usual!

[@obadaghabra394]

Keep those coming! Greg's color videos are the most useful and practical raw design knowledge on the channel imo!

[@missh_a4055]

your tutorial is so informative and enjoyable . The simple non-formal way you talk makes it fun and interesting for student.

[@humairanaeempasha2362]

Omg this was such an amazing video. Didn't even realize I reached the end of it. Kudos to you for such amazing content!

[@cristianvilela4133]

Greg, a man, a god, a myth of colors.... Thanks a lot for this class

[@Ggunn]

You are welcome.

[@palcsoke]

I'm all over! The end result is crazy convincing! 👍🏼

[@mahdi7d1rostami]

Best video in showcasing colors in use. Thank you.

[@abbashali01]

That one was awesome... Definately need more of Greg

[@Cebok_barengan]

EMMMHHHHH, HEADSHOT.........!!!!! THIS ITS THE BEST TUTTORIAL I EVER SEEN FOR COLORING THANKS GREGG

[@that1cooluncle]

Such a timeless video on color. Thank you for sharing and spreading your love for color~

[@pankajwasnik5147]

Awesome. Great video on how to actually use the colour palette. Thanks

[@tolerickwan9313]

I always struggling how to apply colors on my illustration and I'm glad that I saw your video. It is not just awesome, the way you explained is very entertaining and boring. Thank you.

[@fandydiadline]

wait, what?

[@daniiyalali]

The fluent eyebrow movement tho. Love this tutorial!

[@truyenhot]

😅 this one is the best that I’ve seen so far, it’s really explains how to use a color palette 👍👍👍

[@jennifergil-velazquez4230]

Im officially watching all of Greg's videos!

[@KeradaSport]

Greg's tutorials are always funny 😂 Shout out man 🔥🔥🔥

[@muzili4725]

Omg this is really useful. I used to pick the color randomly and had no idea most of the time, but now, I get the rules

[@lulubella83]

What an awesome exercise!!! Def helped! Thanks 😊

[@wasiuraji5550]

So, this is how magic happen in design of colours usages, wonderful and thanks.

[@LeafarMind]

Gold, pure gold. I need that course for sure!!!!

[@hamamhamadnaalla9506]

1:03 knocked me down Greg is one of the best Directors in Futur. Mathew and Beardo Guy too “sadly I can’t remember his name ,but he is great as well”

[@peteroffline6616]

i love this series, i never knew how to tackle colour theory and this is a great introduction

[@jimmyryan5880]

Every other turorial says the go to cooler and press random. I love this

[@-ct-celcomtechniques2566]

Finally the course I was looking for ! Thanks a lot !

[@mattb925]

Amazing video! You saved me a lot of headache in managing colors. Thank you!!

[@arnouthpessoa]

Thank you so much. Even studying art, color theory and etc for years, this lesson gave me something new to apply to the color palette and test the UI. Thx again!

[@elsapakopoulou2465]

that's an excellent and direct approach to the use of color! Thank you, Greg!

[@ruthumez]

This was soo good, I want to give you a big hug😊

[@bigpoppasmurf]

Subscribed real quick! Amazing information, simply delivered and entertaining. We Applaud you , good person !

[@bharatapat]

The lighting of the scene is so good!

[@Distiz]

Great job, so easy to understand!

[@tonyzebastian]

This is amazing!!. I was thinking about learning more about colors and bang this video pops up in my feed. Good job!!!

[@naomiowesme6447]

you’re amazing Greg

[@Monthlychore]

He is really good at the color manipulation. Please do more!!!!! Love it.

[@vikasshetty9380]

I really love the example you gave on using the color ratio the right way to help user's better perceive things , but i have a question ,why does the website use so many colors , since a company would have a specific color for their brand identity ?

[@muhammadzabi4439]

wow... you won my heart, just going to watch and learn more.

[@Luk_Fu]

Incredible video man. Very good topic I’ve never seen a video on (unlike the dozens of pallet creation videos) and very well put together.

[@VarunKumar]

Definitely helpful! You have an amazing teaching style!

[@andriizubchevskyi]

Thank you guys for another insight. I am not a designer, but your videos are super helpful for general understanding, and they are entertaining. All the best to you!!!

[@HanzoTookTheWrongShuriken]

I love this! That last line had me laugh. Thanks for sharing!