Colors are one of the main components of a company’s brand. When you think of Facebook, what color do you think of? When you think of Coca-Cola, what color do you think of? Chances are, you said blue for Facebook and Red for Coca-Cola.

Since color plays such a huge role in a company brand, consistency with your colors is vital. It’s how you stand out from a crowd. As people scroll through social media feeds, they stop their scroll on those images that reflect your particular colors because they know they are about to get some killer content from you.

In this article, I’m going to walk you step-by-step through my simple process for picking a winning brand color palette. Let’s get started:

Pick Your Colors

Start With Your Environment

One of my favorite tips for selecting colors is by looking around you. Oddly enough, I did this after the fact–but look at my website colors and then look at the colors of items around my house:

See a theme? Actually, these were also the colors in my bedroom as a teenager! Chances are, there are colors you naturally gravitate towards, and having those as your blog colors reflects YOU in your website. I also find it gives a little oomph to my passion for my site. Looking at my website makes me giddy because I like looking at my favorite colors. Oh gosh, that was so cheesy. #sorrynotsorry

Check Out Pinterest

Pinterest is a fantastic resource to help you find a color scheme that works. Visit Pinterest and type in “color scheme” in the search engine and see what images show up:

Why you need a brand color palette and here's a simple way to create one

If you know a particular color scheme you like, you can add that to your search. For example, I like teal, so I can type in “Teal Color Scheme.” You’ll notice the search results include more teal-based palettes:

Why you need a brand color palette and here's a simple way to create one

Get the Hex Code

Once you find colors you like, you want to get the hex code. A hex code is a universal 6-digit code that corresponds to a particular color. It’s used often in CSS, HTML, and other formats. You can use this html color code picker to upload an image and manually select a color in the image you like. You’ll then be given the hex code:

Why you need a brand color palette and here's a simple way to create one

Pick Complementary Colors

Next, you’ll want to select 6-different colors that determine your color palette. I heard a fantastic tip from Elle & Company Designs to be sure you have light hues as well as dark tones. Honestly, I initially dismissed that advice and completely regretted it. I thought I’d love just the bold colors, but honestly, you NEED a balance of both. You’ll need that opposing tone for contrast.

FREE Step-by-Step Blog Launch Checklist

If you are starting or re-launching a blog, chances are you might be a little overwhelmed with the process. In this Blog Launch Checklist, I break down everything that you need to do to get your blog running.

One of the best ways to pick other colors (and hues) is by using this free color-hex website. Simply enter in the color hex code in the top left of the site:

Why you need a brand color palette and here's a simple way to create one

Then click Get Info

Why you need a brand color palette and here's a simple way to create one

Next, you’ll be given a variety of colors that compliment this color. If you have picked a lighter color, pay attention to the dark tones and select one of those as well. If you have a darker tone, be sure to pick a lighter tone.

Why you need a brand color palette and here's a simple way to create one

You’ll also see that there are suggestions for complimentary colors. This is SO incredibly important. The colors might look appealing to your eye, but don’t rely on just that. There’s science behind what colors work and don’t work. Play around here and check out the complimentary colors. You might need to alter your original hex code a little (this is why picking a pre-existing color palette could help eliminate some of this work):

Why you need a brand color palette and here's a simple way to create one

Create a Brand Color Palette

Next you’ll create a color palette to see these colors together (honestly, I do this throughout the process of trying different hex codes). I recommend using Canva–it’s free and it saves the colors and any templates I create. Here is an example of what my color template looks like:

Why you need a brand color palette and here's a simple way to create one

What’s nice about this is at any point that I might need to know the color code (for example: as I’m preparing a graphic), I can open up this template and copy the code. Let me show you how to create this palette for yourself:

Once you get to Canva, click on Social Media

Why you need a brand color palette and here's a simple way to create one

Next, click Elements from the left side of the screen

Why you need a brand color palette and here's a simple way to create one

Next, click Shapes

Why you need a brand color palette and here's a simple way to create one

Then click on the Square

Why you need a brand color palette and here's a simple way to create one

Rearrange and drag and drop the square until it’s where you want it, then select Copy to copy that square and create a new one. 

Continue copying and rearranging the squares until you have your color palette laid out (about 8 would work). Next click on the square in the top left of the screen. If you hover over it, it will say Pick a Color

Why you need a brand color palette and here's a simple way to create one

Click on the + symbol

Why you need a brand color palette and here's a simple way to create one

Enter in your hex code:

Why you need a brand color palette and here's a simple way to create one

Continue this process for each color. You can also add text over the image so you can see what the hex code is. To do this, click on Text from the sidebar in Canva and then select Add a little of body text

Why you need a brand color palette and here's a simple way to create one

Next, enter in the code and drag it over that particular color.

Why you need a brand color palette and here's a simple way to create one

You can repeat this for all colors in the palette:

Why you need a brand color palette and here's a simple way to create one

This is a great time to look at your palette again—do the colors go well together? Do the colors SING to you? I also recommend that you pick 2 colors as your dominant colors (for me, it’s the dark pink and dark teal, so you’ll see that I use those often on my site).

Be Consistent in Using Your Brand Color Palette

Now that you have your colors selected, be consistent with them. Only use these themes on your graphics, logos, favicon, menu, sidebar, and throughout your site. Occasionally you could weave in an additional color as an accent color (perhaps to designate a product launch), but overall, these are your core brand colors.

I’d love to hear what kinds of colors best represent YOU! Share below the types of color schemes you like.

Also, if you are working on launching or re-launching your website (especially with all this fancy branding you are doing), then you’ll definitely like my Free Blog Launch Checklist. Simply fill in your info below and I’ll email it to you.

FREE Step-by-Step Blog Launch Checklist

If you are starting or re-launching a blog, chances are you might be a little overwhelmed with the process. In this Blog Launch Checklist, I break down everything that you need to do to get your blog running.

You Might Also Like

How to Create a Color Brand Palette