How To Choose A Color Palette For Your Blog
Branding is the whole concept of putting who you are and how you want to be seen, out there online, while making your work recognisable to others. I wanted to elaborate on one of the areas of branding that you might be stuck on, and that is how to choose a colour palette.
I want you to be able to have a unique colour palette for your own blog, so I’ll be leading you through how to do it.
1. Find a photo you love
The first thing you need to is find a photo that inspires you. This could be one of your own blog photos, a photo you’ve liked on Instagram or one you’ve spotted on Pinterest. It needs to encompass what you and your blog are all about. The whole vibe, colours and the feeling it evokes.
2. Open it in Adobe Color CC
Now this is a website that makes creating a colour palette so simple. Open up Adobe Color CC and click on the little camera icon in the top right corner. Open the photo you’ve chosen, and it will automatically create a colour palette with the best colours from your photo!
There is a ‘Colour Mood’ box in the top left corner, where you can click through each option to look at other colour palettes they’ve created for you from the same photo.
3. Perfect your palette
Now that you have a colour palette you like, screenshot the page, crop it down to the palette only and open it up in Photoshop (or a free image editing site like Picmonkey or Canva).
You now have five set colours which you can stay with, however I believe it’s helpful to have six colours in your final palette. So now you need to do some adding and subtracting.
If your palette doesn’t have any neutrals in it, you’ll need to add them in. I always suggest having at least one neutral, preferably two, and I tend to always go with black and grey (white isn’t needed as it’s a given!). I like to add black in as it’s generally the colour of your logo and text, so it’s good to see how it works with your other colours.
Something else I suggest adding, however optional, is a metallic like gold, silver or bronze. It’s an easy way to make your brand feel more luxurious and exciting. I have an array of metallic textures in my Pretty Textures Kit, Glamour Textures Kit and the new Ultimate Stylish Textures Pack. Whether you’d like a silver glitter or a rose gold foil, you can find so many to choose from in there.
You may need to remove one of the colours Adobe has chosen for you, so you can fit your neutral/s and a metallic into the six final colours.
As you can see, I’ve easily created a colour palette with three bright colours, two neutrals and a metallic.
And that’s it! You now have a colour palette for your blog. Now whenever you change the colours of your blog design, such as the side bar, drop down menu or link hover colours, you’ll know exactly what colours to use for your brand. If you need the hex value (eg. #FFFFFF) of a colour from your palette (and you don’t have Photoshop), just upload it to Image Color Picker and click on each colour to get the code.
You can use this colour palette throughout your blog, in your Twitter profile, in any graphics you create and in variations of your logo.
I’d love to see your new colour palette if you create one!
Great resource to have bookmarked and perfect for newbies like myself. Thanks for sharing!
This is such a brilliant idea! Thank you so much x
That was very helpful, Thanks!
I cannot even tell you how helpful this post was. Mostly because your featured color palette is exactly what I’ve been looking for. I feel like I should pay you a design fee. Kinda…..Nah 😜
I am currently moving to a paid blog, so once again, I really appreciate this post.
Thank you for this post!
— Jaye January
Hi! I purchased the metallic textures pack. I found one that I love, but not sure how to get the hex id for it. I uploaded it into color picker but when I hover over it, it shows a different color and not sparkly at all. Can you tell me what I am doing wrong?
Hi, hex codes are just plain colors, not sparkly. You can’t get the hex code of a textured image unless you just pick one color from it.
Thank you. This is such an easy and helpful information.
This is really helpful! I’m in the process of rebranding my blog and this post confirmed my colour scheme is on the right track.
Thank you for sharing this guide, it was incredibly helpful!!!xxx
This post was super helpful! I am currently working through rebranding and while I knew the basic concept of finding an image and pulling colors from there, Adobe Color CC was extremely helpful!