Become a Master Designer: Rule Two: Limit Your Colors

rules for color use

Rule Two: Limit your colors.
Part Two of Seven Easy Principles to Becoming a Master Designer.

Rule Two: Limit Your Colors. Sounds a lot like the last rule of limiting your fonts right? Exactly! We want to limit our colors for the same reason we want to limit our fonts. Reducing the number of colors we use in our design will make the piece feel consistent. Basically, everything will look like it goes together. Just like a sports team’s uniform or a company’s branding – we want a uniform over-all look to the colors.

As with the font selection, limiting the number of your colors is just a guide not a rule. You could very well have a rainbow of colors in your design and it will look great. But you need to start with a coloring strategy and stick with it. Use your color consistently throughout your design.

For starters lets talk about color values. A color’s value is how bright or dark the color is. A yellow for instance is fairly bright. A purple is fairly dark. Of course, a color can have a range of values. Purple for instance is a color that most of us think of as relatively dark, but you can also have a very light purple. Here is an example of some colors and their relative value. Then next to that you can see a range of values for one color.

color values

So here is one rule I use when picking my color scheme: make sure you have a range of values in your color scheme. In any design you’re going to need some light colors and some dark colors to produce contrast. If for instance, the background of your design is dark, you’ll need a light color so that the copy can be easily read. Or conversely, if you have a bright background you’ll need a dark color for your art or text or whatever.

I will also typically only pick 2-5 colors to make up my color schemes. Reduce the number of options and you’ll typically have good results in the design. Here is a sample of a color scheme I put together. As you’ll see I picked One dark color, one middle-valued color and one bright color. Just to the right, I also set up a value range for each of these colors. It’s this collection of colors that I will use on my project as my palette. Once I have this color palette set up I will try my best to only use these color.

rules for color use

Ok, so now that we’ve addressed some technical color picking issues like how many colors to pick and what values they should be; what’s next? I’ll tell you what’s next, the hardest part; deciding what those 2-5 colors should be! I personally find this to be a somewhat difficult task at times. Here is a list of techniques I’ll use to help me pick my color schemes:

• Stick to a temperature range. As in… pick all warm colors or pick all cool colors. Warm colors are reds, oranges, yellows, browns, etc. Cool colors are blues and purples. I consider greens to be fairly neutral. If you pick all of your colors in one temperature range, they will probably go together fairly well.

• Use a website like www.colourlovers.com for inspiration. This wonderful site is all about picking color schemes. You can just click through page after page of color schemes.

• Keep an eye out. There are color schemes all around you. Look at packaging in the grocery store, look at the paint colors in your local Starbucks, look at Mother Nature! If you see something with a pleasing set of colors, just take a mental note and see if you can replicate it on your computer.

• Pay attention to pre-existing company colors. Frequently I am playing off of some pre-existing brand colors. I’ll look at their logo, color scheme and use that as my starting point. Then maybe just add a color or two.

Here are a finished design that I’ve done which show fairly restricted color schemes.

rules for color use

As you can see, the tight color scheme and limiting my fonts really pulls everything together.

I know these lessons are the basics… …but these remain cornerstones of design. So, it never hurts for a little refresher. 5 more rules to come. I promise the next 5 are a bit more interesting. Thanks for your time!


Go Media is a creative agency based in Cleveland, Ohio. Besides the GoMediaZine, we also work for clients and sell stock artwork and design files on the Arsenal.

design tip

This post was written by:

William Beachy - who has written 42 posts on GoMediaZine.

I was born in the Louisiana bayou and slept on a mud floor until I was 16. Ok, that's not really true. I grew up in Cleveland Hts. Ohio and had a nice cushy bed. I was drawing constantly as a child, took art classes and eventually became the "class artist." I graduated from The Ohio State University's department of Industrial Design. I have always been trying to blend my passion for illustration with solid Graphic Design. Go Media was the culmination of my passion for both business and art. I'm trying to build a company that is equally awesome for the designers AND our clients.

Contact the author

If you enjoyed this post, show your support.
We appreciate it!
Bookmark It! Stumble It! Float It!

21 Comments For This Post

  1. dirk Says:

    Totally digging these little lessons thanks man!

  2. adam Says:

    Hey Bill – this is more concise and useful than what I half-learned in a semester of 2-D design.

    Also useful is Adobe Labs Kuler, or the cool new pallete that accesses Kuler right from Illustrator CS3.

  3. John Says:

    Hi. Very good article. But.. where are the others? I heard it would be one per week =P

  4. Jorge Says:

    de peliculas hermano, estoy aprendiendo mucho aca ahora voy a mejorar mis diseños bastante. gracias

  5. silver Says:

    Great job, great help for everyone.
    At last someone who cares
    I love this place
    :)

    in art we trust

  6. alanbernard Says:

    These are really great tips, sometimes we just forget how important the basics are. Now everytime I need inspiration, or find myself forgetting, I’ll make sure I find myself back here. Thanks for sharing.

  7. phalkunz Says:

    Thanks writing all of these up. Very informative.

  8. noname Says:

    support!

  9. LEVEL87 Says:

    really great tips, thanks :)

  10. ksav Says:

    Great article…I really appreciate it. Hope to know more important things regarding design from this site……..

  11. 挖客 Says:

    support!
    Written by very good!

  12. paint colors Says:

    I love reading your post.. I will look forward to your upcoming posts on designing..

  13. sexy lingerie Says:

    US agribusiness worldwide is subsidized so that farmers are certain to pay the international bankers with interest on loans they secured and to prevent default. Is McCain saying that he is going to take on the Federal Reserve, the World Bank, sexy lingerie and those banking institutions who manage the IMF? If so, that would be a welcome deviation sexy costumes from Republican foreign and economic policy unseen since Abraham Lincoln.

  14. edhardyshirts Says:

    Official website for Ed Hardy Eyewear. The lifestyle brand is based on the original clothing, accessories, energy drink, randed by
    cheap ed hardy ed hardy clothes ed hardy swimwear
    Don Ed Hardy is an American tattoo artist born and raised in Southern California in 1945. A pupil of Sailor Jerry, Hardy is recognized for incorporating.
    ed hardy clothing,Providing authentic Ed Hardy Clothing with competitive price and fast,secure delivery.The famous brand inspired by Don Ed Hardy 's Vintage
    ed hardy
    ed hardy shoes
    tiffany jewelry

  15. Arizona bankruptcy lawyer Says:

    Great article. Colors are so important to a site. Not only for aesthetic appeal but for readability as well.

  16. topearl Says:

    Hello! lovely site! thank you. [url=http://www.86beads.com/]Wholesale beads[/url] Wholesale beads

  17. Dan Says:

    Excellent job..
    dizi izle

  18. wholesalebeads Says:

    Hi. Very good article. But I heard it would be one per week

  19. wholesale beads Says:

    Hey Bill – this is more concise and useful than what I half-learned in a semester of 2-D design.
    Wholesale Beads

  20. Dina Says:

    tnx! and the final design is AWESOME!

  21. Inblues Says:

    thanks. Cool tips

8 Trackbacks For This Post

  1. The Go MediaZine - Exclusive insights for art, design, marketing and more. » Rule Three: Contrast, Contrast, Contrast Says:

    [...] Read Rule 1 and Rule 2 [...]

  2. 东文设计 DONGVEN » Blog Archive » 成为一个顶级设计师的第二准则(又补上第一准则) Says:

    [...] 引文原文 [...]

  3. PSDTUTS - Photoshop Tutorials and Links - Working Within Limitations to Achieve Great Designs Says:

    [...] the article, Becoming a Master Designer Rule Two: Limit Your Colors, Bill over at GoMediaZine has this to say about limiting color selection, “Reducing the number of [...]

  4. dongven 东文设计 » Blog Archive » 成为一个顶级设计师的第二准则(又补上第一准则) Says:

    [...] 引文原文 [...]

  5. Become a Master Designer: Rule Five: Add depth to your designs. | GoMediaZine Says:

    [...] a Master Designer: Part 1 Become a Master Designer: Part 2 Become a Master Designer: Part 3 Become a Master Designer: Part [...]

  6. User Showcase Highlight Round 12 | GoMediaZine Says:

    [...] paper effect actually looks right at home. Sharp. This highlight is also a good example of how limiting your colors and fonts can result in a cohesive design. Check out Neal’s gallery if you have the chance. [...]

  7. Rule Seven: Composition: putting it all together. | GoMediaZine Says:

    [...] Folks, This is it; part seven of seven. I’ve hopefully convinced you to limit your use of colors and fonts, taught you to provide sufficient contrast, suggested that you properly space your [...]

  8. User Showcase Highlight Round 14 | GoMediaZine Says:

    [...] did a great job using a limited color pallet and communicating some strong emotions in this piece. My only suggestion would be to decrease the [...]

Leave a Reply

Do you have a Gravatar yet? It's that cool icon next to your name. Stop looking like everyone else and upload your own Gravatar for free. If you do, you'll see it by every comment you post on the GOMEDIAZINE and every other blog that supports Gravatars!

blog comments powered by Disqus