Finding a Color Palette to Match Your Blog’s Personality

Finding a Color Palette to Match Your Blog's Personality. Color is easily the most identifiable factor in people's minds when they first jump onto any website. So it makes sense to use it to emphasise your blog's personality, and attract your right readers. Read more on www.DesignYourOwnBlog.com #colorpalette #blogcolorpalette #blogcolor #color

Finding a Color Palette to Match Your Blog's Personality. Color is easily the most identifiable factor in people's minds when they first jump onto any website. So it makes sense to use it to emphasise your blog's personality, and attract your right readers. Read more on www.DesignYourOwnBlog.com #colorpalette #blogcolorpalette #blogcolor #color
OK, so you blog because you’ve got something to say. Clearly, you want people to read it, be informed, and take notice. And they will, because your dynamic, engaging, beautiful personality shines through in everything you write — right?

But think about this: in those first few seconds when people land on your site, before they they even get around to reading your glorious words, they see the visuals – the colors, the images, the graphics – and it takes them seconds to decide whether you’re right for them before they click away. As I said in my last post, color is easily the most identifiable factor in people’s minds when they first jump onto any website. So it makes sense to use it to emphasize your blog’s personality, and attract your right readers.

Today we welcome back Julie Gibbons, the color ninja at tractorgirl as a guest on DYOB. Would you all give her a warm welcome and leave her lots of comment love and shares?! Ok back to Julie…

There are lots of ways to choose a palette of course, and in my last guest post I wrote about extracting a palette from an image, or choosing a pre-made palette.

But when you’re starting with a very specific personality in mind — what colors suit that?

The Mona Lisa is an enigmatic and evocative painting, and not only because we still haven’t really figured out who she is or why she’s smiling. Think about the subdued colors of the painting – dark, muted browns with golden highlights, the background with only a hint of blue and green. If the image was presented in light, airy and clear pastels it might feel angelic, or if it was in vivid red, yellow and blue it would feel bold, upfront and active, and so much less secretive. Either way, it would not be the mysterious image that it is now.

In a similar way, we expect to see Spongebob Squarepants surrounded by bright, fun colors (he’s childlike and full of energy), and Dita Von Teese in black, scarlet, and intense electric blue – she’s sexy, mysterious, and a teensy bit dangerous.

While there aren’t any black and white rules about color (see what I did there?), there are some broad generalizations which can be useful. Don’t get too attached to the meanings of colors – these vary from culture to culture and also with context (for instance, in Western cultures, red sometimes means danger, but in other contexts it is associated with Christmas. In China, it often symbolizes good fortune, while in other cultures red is the symbol of mourning).

Related: How Red Can Make You Feel Excited, Angry and Passionate

Here are some basic ideas:

Red especially, but also orange and yellow are often thought of as dynamic and active colors.

Meet Me At Mikes is a blog about creativity, craft, and life with kids from Melbourne-based writer Pip Lincolne. She exudes happiness, fun and an irrepressible interest in life. And she loves a bit of retro. Her blog header is likewise warm and bright with lots of color – but they’re slightly muted, which makes it feel a bit more mature and retro.

Finding a color palette to match your blog's personality. Meet Me At Mikes is a blog about creativity, craft, and life with kids from Melbourne-based writer Pip Lincolne. She exudes happiness, fun and an irrepressible interest in life. And she loves a bit of retro. Her blog header is likewise warm and bright with lots of color – but they're slightly muted, which makes it feel a bit more mature and retro.

Meet Me At Mikes is warm and bright with lots of color

Even more than the primary colors of red, yellow and blue, tertiary colors such as magenta (red-violet) and lime (yellow-green) are usually thought of as vibrant and youthful colors.

I love the Darling Tree! Jo Klima is just such an immensely talented designer. For the past few years, she’s been exploring painting, pattern, and her spiritual side. Her rich purple/magenta palette conveys femininity with a splash of the mystical.

Finding a color palette to match your blog's personality. The Darling Tree's rich purple/magenta palette conveys femininity with a splash of the mystical.

The Darling Tree’s rich purple/magenta palette conveys femininity with a splash of the mystical.

Watery hues of blues and greens – especially pastels such as mint and aqua – are most often seen as calming, and soft, pale colors are considered more feminine overall.

Our City Lights is an introspective blog by Diana La Counte, who writes about “a hopeful life after baby loss,” as well as style, her pink house, and much more. It’s feminine, delicate, and sprinkled with curiosity. There’s LOTS of pink, and her header is a text-overlaid image of pink blossoms on a sky-blue background.

Finding a color palette to match your blog's personality. Our City Lights is an introspective blog by Diana La Counte, who writes about

Our City Lights is feminine, delicate, and sprinkled with curiosity.

If you’re going for the earthy, natural look, greens and browns are a good choice. The Garden Therapy blog uses a rich olive green, which has been lifted and made more dynamic by being complemented with bright orange, yellow, and a touch of lime.

Finding a color palette to match your blog's personality. If you're going for the earthy, natural look, greens and browns are a good choice. The Garden Therapy blog uses a rich olive green, which has been lifted and made more dynamic by being complemented with bright orange, yellow, and a touch of lime.

The Garden Therapy blog rich olive green paired with bright orange, yellow and lime give it a natural, earthy look.

If you’re wanting to convey trustworthiness and stability, blues and darker colors work well (think banks). But also keep in mind that darker, muted colors are also often thought of as more masculine.

Man of Many uses mostly a black and white scheme with a pop of blue. Note also the choice of a bold, solid font which emphasizes that masculinity.

Finding a color palette to match your blog's personality. Man of Many uses mostly a black and white scheme with a pop of blue. Note also the choice of a bold, solid font which emphasizes that masculinity.

Man of Many uses mostly a black and white scheme with a pop of blue.

Related: Is Your Blog Color Palette Turning Your Audience Off?

Changing the proportions of color changes how they look

How you combine your colors has a big impact on how they’re perceived. For instance,
here’s tractorgirl’s current palette (but heads up – I’m doing a massive rebrand during February! Wanna join in?). I’ve chosen colors that are rich and bright, although I’ve toned down the saturation a bit. I love color, so I felt I had to include a bit of everything – but it looks a bit rainbow-ish, right?

Finding a color palette to match your blog's personality. For tractorgirl's color palette, I've chosen colors that are rich and bright, although I've toned down the saturation a bit. I love color, so I felt I had to include a bit of everything – but it looks a bit rainbow-ish, right?

tractorgirl’s color palette.

One way I’ve kept it in check is to always use a LOT of white.

Another way I’ve changed it is by varying the amount of each color that gets used. The ones I rely on are red, yellow and large amount of grey, with the others being used for accents. So, my color scheme really looks more like this:

Finding a color palette to match your blog's personality. tractorgirl's color scheme

tractorgirl’s color scheme.

It’s still colorful, but a lot more civilized (and don’t forget the white).

Creating Your Own Color Palette

Want to start with your favourite color and extend that into a palette?

This is a perennially favourite way of choosing a color scheme of course! And it makes sense because you’re trying to express your personality through your blog – so put a bit more of YOU in there.

A single color complemented with black and white is perfectly acceptable for your blog for the main part. However you’ve always got to remember that there are lots of places you’ll be using color – for links, the graphics on your blog, your blog header, images, perhaps business cards and stationery – so you’ll need darker and lighter colors too. You can very easily extend your one color by simply using darker or lighter shades of the same hue.

Take some time to check out other blogs that use your fave color so you can see what it looks like in action!

Color Pickers

Color pickers are THE essential tool for anything visual on screen, so make sure you know how to use one properly in order to get the colors you want. Hex codes (those 6 digit codes starting with #) are the standard for the web. As mentioned in my last post, my fave color-picker is Adobe’s at color.adobe.com. Not only is it great for sampling from an image, it’s also good for choosing a whole palette based on one color.

Got your fave color sorted? OK…

  1. Choose your hue from the color circle, and set it as the base color by clicking on the triangle at the bottom of the swatch.
  2. Then use the drop down menu on the left to automatically choose schemes for you based on traditional color rules. You’ll see four sliders underneath each swatch — the first three are the RGB values which alter hue, and the bottom one alters saturation.
Finding a color palette to match your blog's personality.

CAP

The advantage of using the drop-down Color Rules is that if you tweak one color using the sliders, the picker will adjust the other colors in the scheme so that they all remain coordinated without changing the base color. Alternatively, if you adjust anything on your base color it will alter ALL of the other colors to suit. And if you’re feeling adventurous and experimental, you can change the colors one at a time by choosing “Custom” in Color Rule.

Related: 10+ Spectacular Tools for Color Palette Inspiration

Take your cues from other blogs in your niche too

It’s always an excellent idea to check out blogs in your niche to see what colors are popular. Remember that your readers often have expectations when they land on a site, and if those expectations aren’t met that might mean you’re starting off on the wrong foot. But of course you’re not limited by what other people do. Be bold and go against the grain! Because that means you’ll stand out in a sea of ordinariness.

Right! Ready to go? Excellent. I would love you to share your color schemes over on the DYOB Facebook page and let us know if you’re happy with them or not — and especially if you’re struggling with them. The group’s there to help!

If you’ve got any color questions, especially any tech questions about color pickers, or working with image editors like Photoshop (afflink) or PicMonkey (afflink) hit me up with them here.

Cheers, Julie

Julie Gibbons (aka tractorgirl) of Tractorgirl.com.auAbout Julie Gibbons
Julie Gibbons (aka tractorgirl) is a visual ninja and brand coach who loves sharing her skills with others so that everyone can help make the world a more beautiful place. She drinks way too many cups of tea coffee and spends her spare time figuring out new ways of not killing succulents. You can find her at tractorgirl.com.au.

p.s. – Check out Julie’s ebook, Viz Biz – Branding or Small Business to help you brand your own business!

If you liked this post, would you do us a favor and share it with your friends? See the handy links below!

Hey friend, want free DIY design stuff?

I've got an entire library of FREE goods just for you! Join the 7000+ others and get instant access now!

Powered by ConvertKit
Mariannes signature for DesignYourOwnBlog.com

16 Comments

  • Pauline L says:

    This is really interesting, thank you. I’m having a bit of a wobble with my colours at the moment. I’m a French expat and I blog about cultural differences and share French recipes and opinions. The expected colour scheme should be red, blue and white like the French flag, it makes sense and all, but I am so BORED when I think about it, it feels like a really stale combination. I’ve opted to keep the basic idea and use a different blue and red but I’m still stuck and bored. All the posts and colour inspire me to do something else, but I feel like I can’t deviate.
    Pauline L recently posted…Classic French Recipe: Sauteed potatoes with persilladeMy Profile

    • Marianne says:

      Hi Pauline! You don’t HAVE to go with the expected color scheme at all! I would explore some more colors and start with your favorite color and follow Julie’s advice here on expanding that into a scheme that you love!

      Btw, I wonder if you have “met” Stephanie from http://fromthepoolside.com/? She is also a French expat living in London.

    • Julie says:

      Hi Pauline, EXACTLY what Marianne said – you don’t have to stick with anything!! However, if you still can’t bring yourself to break with tradition, you could try using another colour overlay to alter the palette slightly – eg. a sepia or pale yellow would add a slightly nostalgic feel to the red white lie, and give you more colours to play with. Let us know what you choose!

  • Lisa says:

    Great post, I’ve been really unsatisfied with my colour pallet until I read your first post how to choose a colour pallete. I saw a photo of cheery blossoms with a blue sky and instantly feel in love with the colours. Such a great suggestion, thanks for sharing!
    Lisa x
    lisavillaume.com

    • Marianne says:

      I like your color palette Lisa and your blog’s design for that matter, but I understand not being fully satisfied. Julie’s got some great ideas here to start playing around with colors and that photo you mentioned sounds lovely!

  • Julie says:

    Thanks Lisa! So glad you got a lot out of it. Several of those photos (including the blossoms) I’ve put up on my site as stock photos too, so feel free to use!! Cheers, Julie
    Julie recently posted…What’s up for tractorgirl in 2016?My Profile

  • Lauren says:

    Great post!! Great insight on color theory especially for bloggers, I guess you kind of get numb looking at your site 24/7 so seeing it in another perspective is always helpful!

    Lauren | Lovely Décor
    http://www.lovelydecor.co
    xx

  • I love this article. Selecting a color palette for your blog and brand is definitely important because that’s the first impression people will get of your brand. Colors evoke emotions and thoughts, and if you want to attract the right audience, you need to give a lot of thought to the colors you select. I’m still experimenting to be completely honest, and I think that’s an important thing to do. No one gets it right the first time, although we like to think we have to. As long as the transition is slow, I see no problem with that. Every brand evolves over time. I wrote an article recently on how to brand the photos on your blog, it’s a bit of a read but it explains exactly how to do it.

    • Marianne says:

      Hey Julie! Thanks for coming over to the blog to comment! Yes, you’re absolutely right about taking your time and also that no one gets it right the first time. My old color palette, while it was somewhat similar to what I have now, it was still quite different. It never felt quite right to me, so I took A LOT, i mean A LOT of time to finally settle on my current palette, which I’m quite happy with now. 🙂

  • Anisa says:

    I’ve got a brand new blog (and website, and IG, and FB, and and and….!) I’m so happy I’ve found your site with all your lovely advice. I’ve just committed to a couple of colours for branding my jewellery in boxes, but the complementary colours would be great on my blog (I know it needs a lot of love atm). Thanks for sharing your tips. x

  • Marie says:

    OMG!!!

    The adobe color tool is AMAZING!!!!!!

    Thank you for sharing!

Leave a Reply

Your email address will not be published. Required fields are marked *

CommentLuv badge