dark mode light mode Search Menu
Search

How to Create Color Palettes

Leslie Science and Nature Center on Flickr

It's relatively easy to start with a favorite color, maybe add a second color, but the third color and beyond often don't work with your initial colors. Here are articles and links to color generator tools to help pick a color palette that is effective and looks beautiful. The articles range from comprehensive — talking about color theory, terminology, and different types of color palettes — to workaday ideas how to create color palettes quickly.

Plus a few of the color generators linked at the bottom of this article include galleries of color palettes created and shared by others. So be sure to click around Kuler and other color generators.

Color Theory for Designers

This set of articles begins with a basic description of color theory then moves on to describe concepts, terminology, and a way to create professional looking color palettes.
http://www.smashingmagazine.com/2010/01/28/color-theory-for-designers-part-1-the-meaning-of-color/
http://www.smashingmagazine.com/2010/02/02/color-theory-for-designers-part-2-understanding-concepts-and-terminology/
http://www.smashingmagazine.com/2010/02/08/color-theory-for-designer-part-3-creating-your-own-color-palettes/

Practical Approach To Choosing Website Color Scheme

This article suggests starting with an existing color scheme, usually a brand image (think McDonalds or Pepsi). But the color scheme could come from a political party or country (think red, white, and blue for the US, or red and white for Canada), as well as content. For example, a web site or software application geared towards parents with babies or babies might use basic saturated (wet) colors. Think shades of blue, pink, with maybe yellows and reds. Once you have a basic set of 2-3 colors, then use gradients (dark blue to light blue, for example) to add the last colors to your palette.
http://www.hongkiat.com/blog/website-color-scheme/

3 Time-Tested Ways To Pick The Perfect Website Color Combination

Another way to create a color palette is to start from scratch with one color used 60% of the time, your primary color, a second contrast color used 30% of the time, and an accent color used 10% of the time. If you don't know, accent colors are used to draw the eye to the most important part(s) of any content, for example, headlines or signup forms or buttons. In addition, this article suggests pulling a color palette from an image or photograph. Or you can use the emotional qualities of color to start your color palette.
http://blog.crazyegg.com/2011/12/30/pick-website-color-combination/
http://blog.crazyegg.com/2012/07/11/website-color-palettes/

Selecting Your Own Color Scheme

While the other articles provide a framework to pick a color scheme, this free tutorial leads you step by step through the process. It begins with a discussion of how color impacts your projects then talks about how to pick a color scheme, how many colors to choose for a color palette, and how to select an image to use for color extraction.
http://webdesign.tutsplus.com/articles/design-theory/selecting-your-own-color-scheme/

True Colors: What Your Brand Colors Say About Your Business? (Infographic)

This infographic provides lots of food for thought about how colors and brands work together to create effects.
http://www.columnfivemedia.com/work-items/infographic-true-colors-what-your-brand-colors-say-about-your-business

The Learn More section below includes links to a number of online and offline tools to help create color palettes that work well.

Learn More

Color Theory for Designers

http://www.smashingmagazine.com/2010/01/28/color-theory-for-designers-part-1-the-meaning-of-color/
http://www.smashingmagazine.com/2010/02/02/color-theory-for-designers-part-2-understanding-concepts-and-terminology/
http://www.smashingmagazine.com/2010/02/08/color-theory-for-designer-part-3-creating-your-own-color-palettes/

Practical Approach to Creating a Color Scheme

http://www.hongkiat.com/blog/website-color-scheme/

3 Time-Tested Ways To Pick The Perfect Website Color Combination

http://blog.crazyegg.com/2011/12/30/pick-website-color-combination/
http://blog.crazyegg.com/2012/07/11/website-color-palettes/

Selecting Your Own Color Scheme

http://webdesign.tutsplus.com/articles/design-theory/selecting-your-own-color-scheme/

True Colors: What Your Brand Colors Say About Your Business? (Infographic)

http://www.columnfivemedia.com/work-items/infographic-true-colors-what-your-brand-colors-say-about-your-business

Color Generators

https://kuler.adobe.com/create/color-wheel/
http://colorschemer.com/
http://www.colourlovers.com/photocopa
http://colorschemedesigner.com/
http://mobile.colorotate.org/

Related Posts