Color Palettes: How to Create an Awesome Color Palette for Canva | Tamara Hall | Skillshare

Color Palettes: How to Create an Awesome Color Palette for Canva

Tamara Hall, Designer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
5 Lessons (17m) View My Notes
    • 1. Welcome to the class!

      0:30
    • 2. Color theory

      3:33
    • 3. Creating a color palette

      4:32
    • 4. Gathering colors from an image

      3:05
    • 5. Bringing your palette into Canva

      5:43

About This Class

In this class we'll start off by exploring a bit about color theory, what different colors mean and the emotions they evoke. After that, I'll show you an awesome tool for discovering amazing palette or creating ones of your own. Then we'll go into how to create a color palette from an image. Finally, I'll show you how to bring your color palette into Canva so you can use the colors in your designs. 

Website for creating a color palette: www.coolors.co

Website for grabbing colors from an image: https://html-color-codes.info/colors-from-image/

Transcripts

1. Welcome to the class!: Hey, it's Marie here. And this video, I'll show you how you can create a custom palette using a photo or illustration. I'll teach you how to grab the hex values from the illustration. So then you can import the colors into Canada and use them in your branding and design. Finally, I'll cover the deaf color theory and how you can use color in different ways. Whether you want to express an idea, convey a moon, or draw tensions different areas of your design. Let's get started. 2. Color theory: Okay, so first I'm going to talk a bit about the psychology of colors and how different colors can make you feel. When choosing colors for your brand, you want to make sure that you pick colors that accurately portray your business, but as well create the feeling inside your customers that you'd like to invoke. So you have three categories here and warm, cool and neutral. We look at the warm colors and start with the red here. Red can be associated with energy, positivity, danger, courage, and passion. So red is a really eye-catching color. And so keep that in mind if you'd like to draw attention to the your designs. And that's why they use red as the color for stop signs because people's eyes generally go in the direction of RAD. Moving on, we have a pink color so that can be used for joy, essential, gentle, innocent, and carrying. Keep in mind when you use this color. And when you look at the red, for example, there's positivity and there's danger, and those two feelings are pretty different from each other. So it can be used in both those ways. Oranges, creative, happy, healthy, and venture and productive. Yellow, friendly, caution, clarity, logic, and activity. And then we move into the cool colors. So for green, we've got growth, money, nature, stability and safety. Blue, trust, honesty, loyalty, piece, intelligence, Blues often a color you'll see for a lot of businesses such as banks will use blue lawyers offices. Anything where you really want to invoke that feeling of trust and confidence. Blue is a popular choice. Purple, we've got royalty, bravery, luxury, wisdom and beauty. Brown is Earth, resilience, strength, reliable and humble. So then we move into the neutral colors here. So we've got grey, so that's mature, composed, neutral or reserved, and respect. Black, elegance, mystery, authority, prestige, and power. You often see black used in a lot of clothing brands. They'll pick like a very simple below that word mark. And I think that's because a lot of them like having a bit of elegance. They like having a bit of mystery. They like to keep it fairly simple now allows for more exploration within the close themselves. And finally, we have white, which is clean, simple, peer, good, and righteous. So this just gives you a quick little idea of the different colors and the feelings that each of these different colors invokes when choosing your color palette, I'd suggest keeping it from about three to six colors. And you can reference a chart like this when you want to decide, okay, what kind of feelings do I want my brand, my designs, my business to invoke when people see my branding, what do I want them to feel? And you can base your color decisions based on what fillings you want your customers to have. 3. Creating a color palette : Next I'm going to show you how you can create a color palettes. And I'm gonna show you some really good resources that will help you. Whether you want to create one from scratch or you want to find one that already exists and use that when you're creating graphics in Canada, it's best if you know the hex color values. So you can import those color values into your project and I'm gonna teach you how to do that. So a really great website that I found, if you want to create your own color palette or find ones that have already been created, is called coolers dot co. So it's spelled C, O, R, S dot CEO. And I'll link that in the description as well. So you can easily find this website and you can choose between if you want to start the colour generator or if you want to explore trending palettes, the generator is awesome. Click on that button. It'll take you to the color palette generator, and I love the site. This is amazing, and it makes it so easy to create a really unique bond custom color palette. So once you get to the generator page, you'll see the first color palette, Papa. And it fits perfect for you. Amazing. You'll be able to see at the bottom here the hex values. So there's a button here that says copy hacks. So what I would do is once you have your color palette that you love, copy the hex codes of each color and save it in a text file, write it down somewhere. That way. You'll never lose the hex value colors because you're gonna be needing these values for all of your future branding and graphic design. Okay, so say if the first palette isn't perfect, all you have to do is press the Spacebar. And it will randomly generate pellets. And the colors are all complementary to each other and color coordinated. So it really takes a lot of the guesswork out of creating a palette. Because if you're wondering, Oh, I love this color, but I'm not really sure if this one goes with it. This is great because it only chooses colors that compliment each other. So another really great feature is if you're going through and you're not really seen too many that you like. But say you like a certain color. So I really kinda like this bright yellow Crayola color. What you can do is click on the lock button, and that'll lock that color in so that colour is not going to change. So if you press Space-bar again, it'll keep that yellow color, but it'll finds new complimentary colors and love this feature. So you can just kind of keep pressing space bar. This is a really nice, bright, fun theme. I like this a lot. I really like this blue, so I'm going to keep the blue. And I like the light blue as well. So we're going to keep those two and let's keep going. Oh, I kinda like that. Let's go with this now. So what you wanna do is just a lock those and just in case because I don't want to lose those colors. So you can also drag it around and see how certain colors look next to other ones as well. So I really like this. It's, it's kind of a fun modern sun shiny, warm. Each sheet I5, which is really cool. So I'm going to open up a notepad and basically what I'm going to do is just copy all the hex colors. So that's the brown. Okay, so there you have here a color palette that you're going for. Another cool feature of this website is if you don't want to create a color palette yourself, you can click on Explore at the top. And it'll take you to a bunch of different color palettes that other people have already created. So this is the cool way. If you don't really feel like creating one, you can just scroll through all these and find one that you really like. So these are all trending color palettes and you can see there's quite a few that you can checkout. And once you click into each one, you'll be able to see and copy the hex codes so you can copy those to your file and save them to your computer. 4. Gathering colors from an image: Another really great site for finding color inspiration and color palettes is Pinterest. So what you can do is when you first go to Pinterest just from the top type in color palette. And if there's a specific type of color palette that you're wanting to find, you can add that word into. So if you're wanting to find something that's calming or energetic, trustworthy, just try typing in, for example, energetic color palette and you'll get lots of options. So I've typed in just color pallet. And you can see there's quite a few coming up here. And so you can scroll through and maybe there's one that really catches your eye. And you can use that as well. But what I'm gonna do is I'll show you a little trick. Some of them have the hex codes on the graphic themselves. And if that's the case, that's great because then you can just copy them onto your computer. But if fits like this where there's a pitcher with the colors underneath, but you don't have the hex codes. I'll show you a trick to find those hex codes. So save the image to your desktop. And then you can go to this website called HTML color codes. You'll be taken to this webpage and then all you have to do is click Upload File, find your image that you saved your desktop. And what it's gonna do is you'll see your image here and you can hover your mouse over these different colors. So click on one, start with the dark green and the color code will pop up here below. So this is the dark green I'm gonna color, I'm going to copy that and my other color pallets. Let's just split those up a little bit. Here's the lighter green. And this is sort of like a gold color. Here's a pink color. The light pink color. You want to make sure that it's below here, so you're copying the right color. Okay, and here's the last color, it's the rose color. So I have all five colors pasted it into my notepad. And so that's another great way that you can get a color palette. You can use that for any images to so say if you took a photo or if you found your photos on a website and you really like the tones, just save it and use that same process to find the colours that you'd like. You can hover over different parts of the image so safe. Obviously the photo you took have this color bar. You can hover over the different elements and get different colors from different parts of the image. So I can grab the green from the doors, the pink from the seeing, the light rose from the cushion. Anywhere in the photo, you can hover and you can grab those different hex values. 5. Bringing your palette into Canva: Okay, so now that you've saved your color palette hex values and you've decided on, let's say around five different colors that you're going to use for your branding. I mean, you can go back to Canvas and create your design. So for this one, I'm going to create an Instagram post. What you can do is grab this circle shape. And I'm going to create a color palette using these circles. And this way it'll be saved into camera. So here's my first shape. Under colors. I'm gonna just copy and paste my first hex value up here in the search bar. So once you paste it, you'll see it pop up here from your search. So just click on that and you'll see it on here. I'm gonna copy and then paste that circle. Can just move it right aside. And I'm going to copy the second hex code. So basically you want to just do the exact same thing until all five of your colors are in a row. Okay, so you should have all five of your colors in your document. And because you've now use these colors in your document, they're going to be saved in Canvas when you want to do other things. So I have them on my first page here, I'm going to create a new page, which is going to be where my graphic is going to be. Let's say you want to start with a background. So you can click on background on the left here. And you'll see your five colors at the top. And these are your, your color palette colors. So from here it makes it really easy to work within your color palette. I'm going to choose the light ping. And then you can go into elements and design as you normally would. So say I want to add some flowers. It's going to automatically put them in the default colors. But what you can do is click into them. It gets confusing here because it adds the colors in with your colors. So you'll want to kind of memorize, okay, which colors are your colors and which colors are the colors of the graphic you chose. So the graphic I chose was this kind of bright, peachy color. You can see it up here. Slightly darker one right here. And then this color is fairly similar to my pink color. So I'll just want to refer back to my document and I can see my colors, the FCC, CCA, which is that one. So this one is the one in the graphic. So it's this one, this one, and this one. So this is where it's a little bit confusing. If you pay for Campbell and you've got the professional version, they have the setup a lot better where you can actually have your color palette colors separate from anything else and they don't get all mixed up with the colors in your, in your elements, but you have to pay for it. And I think they've made this a little bit annoying and confusing because they want you to pay for the canvas pro version. That's why these colors are kinda mixed in with your brand colors like doesn't make sense why they would just put these right in the middle of everything. So that's something to keep in mind. But once you've changed the colors, so I'm going to just go in and use my brand colors here. And the same kind of premise you can use for when you add text. And let's just add in something quick Care and I'll show you an example. C, You can add your text underneath. And here you can change the color. And because we've changed that object's color to our brand colors, now under document colors, it shows our main brand colors. And obviously it shows black to accept the default color of the text and white. So from here it's a little bit easier. You don't have to sort through the colors to make sure you're using your brown colors. It's good to keep all of your brand colors really consistent throughout your website, your Instagram, your logo. When you have consistency with colors, it'll help to create a strong brand. From here, you can just export your graphic by clicking download, and it'll allow you to select which format. I would definitely go for the PNG for Instagram. And from there you can click Download. Since our first pages are color palette, just be sure to click on page two so you, because you don't need to export your color palette. So just export your graphic that you've made. Click Done, download, and you can save it to your computer to post on Instagram. For your class project, I'd love to see the color palette that you created, as well as any graphics that you've made using that color palette. Thanks for watching my video. I hope you found these color and tips and tricks useful and you'll be able to apply them in your next designs.