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.
Throughout the years, I’ve made a lot of different changes to the colours of Flip And Style. For so long I never really had a colour palette worked out. I would just whip up a new design with whatever colours I liked at the time and it never really worked. The colours I used didn’t go with the content in my posts, they didn’t establish who I was as a blogger and I don’t believe they made my blog very memorable. Now though, Flip And Style definitely has a set colour palette. I’ve taken it through the blog, my photography and all my social media as well. Hopefully it’s easy to see!
Just recently, I decided to give Blog Pixie an overhaul and change the colours of my branding. As much as it’s not good to change your brand too often, I always feel if you need to re-brand, do it. If your current brand doesn’t feel right (or you don’t have one at all), a complete refresh can make a big difference to your passion for blogging. The previous hot pink and gold I had for Blog Pixie was fun, but I didn’t feel like it was me. So I created a new palette of six colours and I love it.
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!
Melanie Kristin-Rose says
Great resource to have bookmarked and perfect for newbies like myself. Thanks for sharing!
tonile.helena says
This is such a brilliant idea! Thank you so much x
Kareli says
Thanks!!
Falasha says
That was very helpful, Thanks!
Xoxo Falasha
http://Www.bitemyfashion.com
cyrenecen says
Thankyou ☺️
Jaye January says
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
Random Blogger
Marisa says
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?
Vanessa says
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.
Patty says
Thank you. This is such an easy and helpful information.
The Velvet Court says
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.
Ashley says
Thank you for sharing this guide, it was incredibly helpful!!!xxx
Emily says
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!