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😭

[@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

[@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.

[@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.

[@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.

[@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.

[@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

[@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

[@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!

[@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.

[@nirvanakun]

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

[@a.h.1538]

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

[@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

[@pelegred6123]

This is the best video about color on the internet

[@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

[@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

[@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!!!!

[@ruggeddog3103]

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

[@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

[@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.

[@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!

[@brianfong5711]

Gregg "Top" Gunn taking our breath away

[@Ggunn]

Thanks, Ice Man.

[@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!

[@osherez6597]

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

[@emarv6189]

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

[@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 😄

[@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

[@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.

[@Animefreak242]

You guys are always coming through with the timely videos

[@nikhiljain5633]

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

[@alexhartan]

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

[@raadas2745]

NEEDS MORE VIDEO FROM GREGG!! I NEED IT

[@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

[@jimmyryan5880]

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

[@lulubella83]

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

[@marykirmo]

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

[@azfaru4367]

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

[@diywebsiteguy]

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

[@emillysantos6118]

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

[@miklosclarke]

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

[@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

[@mahdi7d1rostami]

Best video in showcasing colors in use. Thank you.

[@Cebok_barengan]

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

[@yueshangeng6754]

That demo practice in the video is great!

[@daniprivado8496]

JESUS GREG WHY ARE YOU SO GOOD AT THIS

[@pankajwasnik5147]

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

[@tasnimafauzia1795]

I DON'T KNOW THAT THERE IS THIS TECHNIQUE HOW TO USE COLOR CORRECTLY. WOW THANKS!!!

[@noexskz]

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

[@AlbertVicol]

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

[@christianeholden]

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

[@haans8]

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

[@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.

[@muhammadzabi4439]

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

[@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!!!

[@fatemehsharifi643]

It was surprisingly pleasing to watch!

[@palcsoke]

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

[@jennifergil-velazquez4230]

Im officially watching all of Greg's videos!

[@bkfilmy5585]

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

[@daniiyalali]

The fluent eyebrow movement tho. Love this tutorial!

[@NalinKnk]

Thanks Greg 👏

[@ajandmardalizad5981]

Finally, I can understand color as a coder!

[@missh_a4055]

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

[@dtumenko]

That white outline in a thumbnail really made you stand out Greg :D

[@EliSamba]

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

[@-ct-celcomtechniques2566]

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

[@GodofPainBelial]

Chef's kiss to this video

[@Miao-1004]

so satisfying. I love it.

[@avichalthakur1482]

That Epidemic Sound Music In The Background Is Just ❤️

[@mustaphanail2005]

we need more videos from Greg gunn

[@user-ev5gj8xe2b]

The new color scheme and layout you chose at the end felt more professional, but I can't help but feel that the joy that the original one invoked stayed. The colors being tinted mostly blue and black made them feel more regal and professional, and the toning down of the yellow made it feel less ... edgy? Alternative? I didnt like how the colors were used in the first layout, I mean they were real eye bleeding, and while the second one is more appealing, it does feel like the zest has evaporated, and looks more like Im on the snacking site to do my taxes or something serious, when the subject you colored was not serious.

[@NasukaStar]

I think you feel like the new version is less exciting because you’re no longer being overwhelmed. The main issue with the first version was that it didn’t have any plan on how the colors were going to be used. The second one happens to look more professional because of the use of neutrals as a background, but I think the most important quality (and the lesson you should learn from it) is that it is now cohesive and leads the viewer to the most important parts of the page. The pink, blue, and yellow could probably still be primary colors if you can find a way to use them following the suggestions in the video.

[@user-ev5gj8xe2b]

@@NasukaStar I agree! Thank you.

[@ay5576]

The original colors of the snack illustration reminded me of taco bell, yum. But the second version did feel more professional business-y. Otherwise I think all the other colors looked better simplified.

[@davidkonevky7372]

I feel like it went a little bit TOO neutral on some parts. But that pure pink background was just too much. I would have liked it if he made the background strings from the second strip yellow so it doesn't blend in so much tho. And the blue went a little bit overboard on the first illustration

[@emily.c518]

@@davidkonevky7372 i agree that the first illustration was too much and really hard to see, but it looks kinda fun and wild not gonna lie:) And i do think it did need some more structure with the saturation of the colors...and colors in general:)

[@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.

[@lovedhylan09]

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

[@Ggunn]

Happy to hear it, Dharshini!

[@mattb925]

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

[@jayshreesridhar5068]

I feel like this was not supposed to be free, and yet its here! This is a very juicy bait towards the course!

[@kianatehrani]

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

[@jejakmaknawi]

I'm just about to design my own website and have my own palettes. This video suggested to in the right time. Thank you and greeting from Jakarta Indonesia cheers

[@cristianvilela4133]

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

[@Ggunn]

You are welcome.

[@Vancittyy]

I keep coming back for more Greg, atta boy.

[@HanzoTookTheWrongShuriken]

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

[@LeafarMind]

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

[@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?

[@VarunKumar]

Definitely helpful! You have an amazing teaching style!

[@andahoy3734]

wow, thank you, really opens up my perspective on how to manage 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!

[@wasiuraji5550]

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

[@joyk1288]

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

[@builtbyjeffspades]

Amazing video. Simple, effective, with application… Thank you!

[@tonyzebastian]

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

[@samdeddens8690]

Very helpful video. I went to design school and am now a practicing professional designer and this was still a great refresher on color.

[@brownfor]

So usefull, thank you very much

[@huyennguyenkhai7632]

To be honest, I came for his lessons and his voices. So calm

[@that1cooluncle]

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

[@ayk.familyzaynabali8911]

Great explanation. Thank you. These are the steps. I can do it through the mobile phone, if it is a laptop

[@mohammedhamdi8329]

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

[@ajitgurung7400]

Thank you greg ❤️ you are painting my brain.

[@naomiowesme6447]

you’re amazing Greg