Twitter Profile Design Help from COLOURlovers

This guest post was written by David Sommers, editor of the Color + Design Blog at COLOURlovers. Follow the love at @colourlovers.

While Twitter offers a few themes for your background and color them, if you’re an active twitter user you’re more likely to notice and appreciate a unique theme that helps you see the personality of another twitterer. Making your twitter presence a bit more colorful isn’t very hard and here are few suggestions you might want to consider for choosing a great color theme for your twitter profile:

Things to Consider When Choosing a Color Theme

1.) Personality. Let the colors speak for your personality… professional, fun, wacky, natural, etc.

Obviously, the Internet and social networks are all about transparency and truthfulness, and everyone treats them in that way… well, okay, maybe it’s more about forming the person you truly see yourself as; who you truly are without outside pressures or expectations. So, choose colors that align with your own style and taste. However, while you may be really proud of the university you attended, the colors you so proudly spilled beer all over don’t really speak to who you actually are, only one aspect about you.

2.) No Seizures. Super bright and colorful makes a theme very hard to look at.

As the main purpose of Twitter is to communicate information, you’ll want stay away from choosing any ‘Pokémon Shock‘ color themes as it will only distract from the few carefully chosen characters you put in each tweet.

3.) Contrast. Make sure there is a noticeable difference between your background, main text and link colors.

Unless you are @hidenseek and you want people to have to decipher each of your updates, make sure the colors you choose are not too monochromatic or analogous with your text and links. For the most readability choose complimentary colors or stick with the classic black on white.

4.) Fresh. Updating your theme is easy… so why not let it reflect your evolving life.

If you’ve got enough spare moments to let us know about that meany 6-egg omlette your stomach is now doing battle with, then you have enough time to change up your color theme or background from time to time…. And we’ll make it super easy for you by sharing with you some color love:

Color Palettes and Patterns for Your Twitter Profiles

Find a Great Color Palette

First find a palette that speaks to you. You can search through the over 700,000 palettes on COLOURlovers by most popular or by specific colors you want in the palette. If you know you love blue, then simply enter the Hex of your favorite shade or choose blue from the drop down hue menu.

Once you find a palette you love, click on it to bring up the palette page where the individual colors can be identified. Located below each palette is the Hex of each color that makes up the palette. You will need to use these numbers to change the colors on your twitter profile. So, copy these to a text document or keep the palette page open while you open up your twitter page.

Once you have your Twitter page open select ‘Settings’ from the menu, then ‘Design’, then ‘Change Design Colors’.

There you’ll see the breakdown of page the section colors and the corresponding Hex boxes. From here simply copy over the colors from the palette page. You may need to play around to find the best options for the background, sidebar, text and links. Once you get the theme you want click on ’save changes’ to share it with the world.

Using or Creating a Pattern

If you are looking for a pattern to use, follow the same instructions on how to locate a palette only use the ‘Pattern search’, or you can create a custom pattern from any palette by simply clicking ‘Create a Pattern’ on any palette page. One note should be mentioned, while palette and patterns already in the library are free to be downloaded by everyone, in order to create a custom pattern you will first need to sign up for COLOURlovers. It is quick, simple and painless to join the community of over 180,000.

From there you can browse through the selection of patterns with the drop down menu and pattern thumbnails to find the one you want. To make adjustments to the concentration and position of each color, change the order of the colors in the right hand column next to the preview of the pattern by clicking and dragging them. The best way is just to play around with it until you get it just right.

Once your pattern is created, click on ‘1600×1200′ under ‘Get This Pattern Image’ and save the image to your computer.

Open up your twitter page select ‘Settings’ from the menu, then ‘Desi

gn’, then ‘ Change Background Image’. Select the image from your computer and click ‘Save Changes’ to share it with the world.

A Small Gallery of Colorful Profiles from the Twittersphere

What Colorful Profiles Did We Miss?

Twitter is growing like mad these days and we only took a small sample of pretty themes to share in this post… undoubtedly there are tons more colourful, fun and charismatic twitter themes that we didn’t link up, one of those is probably yours. Leave a link in the comments below.


  • March 20, 2009

    How long does it take on average to change you background with that tool? I have to admit; it looks pretty complicated.


  • March 20, 2009

    Great post David. Very in-depth step-by-step tutorial. stumbled :)

  • March 20, 2009

    I’ve become a fan of the rule of thirds a lot of people are using in their designs, and tried to do the same. One trend I am not a fan of is using the right side as a massive billboard of weblinks that cannot (and probably would not) be clicked on.

  • March 20, 2009

    Great post, can I just make a comment though on which I see loads of backgrounds failing?


    Especially on multiple screen sizes. Arguably the most acceptable standard in webdesign is 1024 or 1280 wide as that is the most common resolution for monitors. Yet I see so so many twitter backgrounds losing graphics and even text or links behind their tweets because they have only tested on a widescreen monitor. Remember most people use twitter in an office, and most office users do not have a widescreen monitor.

    I am putting together a post on backgrounds and the best tips I have seen on the web sinc ei have joined twitter, will tweet it when I finish it over the weekend.


  • March 20, 2009

    Nicely done post with lots of information. I’ve been meaning to do something with my own profile background and design but it occurred to me a while ago that in all likelihood people actually rarely visit your profile. Or anyone elses, for that matter.

    With the possible exception of celebrities aside, I would think that most people

    1. Visit a profile to vet a new follower upon receiving the email from Twitter, and
    2. Use external Twitter clients for a lot of their Twittering

    What this means is that I’m thinking that the effort that might go into an amazing profile page might be slightly disproportional to the numbers of people actively looking at it. Certainly, I could change my profile overnight and I would imagine 90% of my followers wouldn’t notice for a long time or perhaps never.

    All that said, it can’t hurt for your profile page to look professional, although it absolutely can if it looks MySpace-ugly. Better no change at all than something that’s off-putting (as you imply). One man’s work of art is another man’s garish nightmare.

    I’d be interested in Twitter releasing stats that showed how many times people visit your profile page; if it’s anything like Facebook, it’s a rarer bird than we’d like to believe.

  • March 20, 2009

    @Sheamus I view all peoples profiles before I decide to follow them or not. I guess it matters less for someone established on twitter, but for new users I think it is imperative.

  • March 20, 2009

    Quite e detailed post. I too use a background showing my blog sites.

  • March 20, 2009

    I can’t get the image to upload and save to twitter. Any suggestions?

  • March 20, 2009

    One other brief point I’d like to make regarding background images on Twitter is how many of them look wrong on a netbook. I have a 10-inch Samsung NC10 and a lot of obviously quite decent backgrounds are skewed on this machine, with the sidebar often being covered partially by the actual feed/text box.

    For example, here is Chris Brogan’s page on my NC10:

    And this is on a 10-inch screen. What about the EEE PC, or other 7-inch netbooks?

    This may not seem like a big deal, but much like still having to think about IE6 and all the other older/minority browsers out there, the netbook market is increasingly important and will account for a sizeable portion of your visitors. Estimated to have some 10% of the total PC market this year, they’re going to continue to become a significant chunk of the average site’s user base, and that includes Twitter.

    I’m not sure what the solution is, to be honest, but much like anything that involves fixed-width images there are other issues to consider beyond it looking pretty.

  • March 20, 2009

    @NateDesmond it’s really not as complicated as it might look, i was just being very detailed on the tutorial. really, it’s as simple as locating a palette you like, then transferring the HEX numbers into your profile.

    thanks everyone.

  • March 20, 2009

    I worked up my background in Photoshop. It’s not professional, surely, but it was easy and it corresponds with the look of my site…. which was kind of stupid, as I’m working on a template revamp right now. But, like I said, it was easy in Photoshop, so it won’t take much time to re-do it when I want to. I realize it probably doesn’t work with everyone’s screen and resolution, but I tried to avoid doing anything on the right side of the twitter space, because it is more likely to get wonky there, than the left side is…

    I agree with Sheamus that not too many who are already following ever check your profile, but I do know that whenever I consider following anyone (and I don’t have very many followers, nor am I following very many people), I always check their profile for some reason. I just automatically assumed that others do the same thing. Maybe I’m wrong….? So I figure it might make a better “first impression” for people considering following me. Also, I like the idea that it matches my website, so if any of my readers happen in, they’ll recognize the look.


  • March 20, 2009

    Nice tutorial.
    I just used the prior instructions found here and used colors that matched my blog design. Nothing fancy.

  • March 20, 2009

    Good advice my theme i don’t know how to personalize it yet i still don’t know what i wanthing for it so i will have to wait having in mind this pots.

    Tank you.

  • March 20, 2009

    Great post – thanks for the tips. I need to improve my profile and these is a great place to start.
    One profile I really like is

  • March 21, 2009

    My favorite is gCaptain’s:

  • March 23, 2009

    useful advices, as always
    take a look at my profile:

  • March 24, 2009

    I’ve been working on my theme lately:

    Mostly browns and reds.

    Some great designs listed above. Good job.

  • June 12, 2009

    really liked using this website to change my colors on twitter, helped me get exactly what I was looking for (purple/fushia lover)

  • September 23, 2009

    Loved this article. I ‘ll use for my twitter’s backgrounds !

  • November 13, 2009

    Isn’t this profile background look simple and cool!!

Sorry, the comment form is closed at this time.