Using Kuler to create color themes

Although scores of good books on color theory have been written — many even for non-designers — most working professionals just do not have the time to delve deeply into a study of the complexities of using color. The good news is that there are online resources that can help you create harmonious color themes without requiring advance knowledge in color theory. There are a few really good online resources such as ColorSchemer and Colourlovers, but my personal favorite is Kuler. Kuler is a web-based color tool from Adobe that has thousands of community-generated color themes from which you can search, but the best thing about Kuler is that you can easily make your own themes. Once you register with Kuler (it's very quick), you can begin to create your own color themes or palettes and store, view, and retrieve all your saved themes in your personal Mykuler space. There are two ways to create unique color themes: either by selecting a single color on the color wheel as your base color and building off of that, or by importing an image from Flickr or your hard disk and extracting harmonious combinations from the image.

Extract colors from an image
One of the coolest ways to assemble a unique color theme for a presentation is to create a simple palette by extracting colors from a key image that you think represents the appropriate colors for your talk. You can do something similar to this within your slideware application, of course, but Kuler can do it automatically and give you some additional options for tweaking the colors. After you upload an image, Kuler automatically uses its color extraction tool to generate a theme of five colors from the image. You can then adjust the entire theme by changing what Kuler calls the "mood" of the theme. You can select from Colorful, Bright, Muted, Deep, and Dark moods which are based on the colors extracted from your image. After you decide which mood is the best fit, you can then save it to your account, share it with the community if you like, and even download it as an Adobe Swatch Exchange file. To get the theme into your slideware, you may have to take a screen shot of the theme and then use your slideware's color picker to save the colors into a new theme for your presentation.

Sample: Image from nature
In Wabi Sabi Style, James and Sandra Crowley say "Nature is a master colorist. Anything and everything one could possibly want to learn about creating color schemes, color contrasting, and coordination can be gleaned straight from nature itself." So why not try making a unique color theme from a photo of a nature scene.


Above: I used an image not from a photo but from a video clip taken during a trip to the beach last summer in the USA. The sandy, brownish-grays and blues of a (sunny) summer day in Cannon Beach, Oregon create a simple, refreshing palette.


Above: After I saved the original color theme, I chose the "make changes/view color values" option which presents you with many options for adjusting your theme. Here I select a new base color on the far right.


Above: Then I chose "Monochromatic" which adjusts the four other colors in terms of value and saturation — but the hue stays the same (as you can see in the color wheel). The base color of "gray" had a bit of yellow/brown from the rock.

 
Above: The sample slides use colors from the two themes created in Kuler shown above (plus white for the labels). More black was added to the background color in the second slide to increase contrast with the foreground.

Create theme from a color
Any introduction to color theory includes a discussion on the different rules for combining colors. For most people, however, the terms found in color theory are rather abstract; people just want a way to choose and mix colors that form a harmonious relationship. The Kuler website allows you to select a color of your choice and then apply harmony rules such as Analogous, Monochromatic, Triad, Complementary, Compound, and Shades that are based on some of the basic tried-and-true principles from color theory. All you have to do, then, is select a base color and a color rule to quickly create harmonious themes, or use the Custom rule to select colors individually. You can use one of your own themes — or one of the public themes — to create a new theme starting from the selection of a single color. After you decide on a theme, you may want to adjust the relative value of some of the colors — that is, make them lighter or darker — to make sure you have good contrast.

 
Above: Using three colors from a theme called "organic" plus white to create this slide. Not crazy about it, but perhaps it could be used in a presentation on organic farming, etc.

Experiment and play with the tool
You can spend hours playing around with Kuler, but this is not wasted time if it helps you see how color harmonies can be created by adjusting hue, value, and saturation. For actual presentation themes, you'll want to keep the number of different hues to a minimum. The mantra is always to use color for a reason and with restraint, but for the purposes of teaching yourself more about how colors can work together, it's OK to go a little wild sometimes. I'm certain many of you already know about Kuler, but for those of you who do not, I hope you enjoy experimenting with it. Kuler has a great community and it's a wonderful online tool.

  
Colors were extracted from the photo of the salmon and rice to create the color theme.

Update: Please checkout the post on my Posterous site concerning a cool plug-in for saving your themes created in Kuler so that they show up in your Mac apps. (Anyone know if there is something as simple and powerful as Mondrianum for the PC?)

Comments

[Jan Schultink]

As usual, a beautiful post.

Kuler is a great tool to find beautiful color schemes. But many presentations can already be improved greatly if people just stick to the corporate color schemes that are "a given".

Look at your corporate colors (if you are working at The Economist, there is no escaping to using red), pick the most neutral shades and tints to design your slides and use the most vibrant colors as a strong accent color.

You can make great presentations within the boundaries of your corporate color scheme. Pick the shades wisely, and use them consistently.

[NickS]

I don't think you emphasised enough how easy and intuitive it is to use. It actually took me longer to work out to pronounce it "color" than it took me to make my first schemes.

[alecim]

Kuler is great, but wouldn't it be even better to be able to import a color scheme from Kooler to PPT? Where do you place the 5 Kuler colors in PPT?

[Vale]

Dear Garr,

first of all thank you for your blog and for your amazing book (I'm waiting impatiently for the new "Presentation zen design"!).

I'm a non-designer and I'm desperately searching for a book on color theory. Can you point me a good one? In an old post you had mentioned "A Field Guide to Digital Color", but I think it's too advanced for me...

I ask you because I read several books you mentioned and I know that I can absolutely trust you!

Thank you very much.

Best regards,

Vale.

[Andrew Lightheart @alightheart]

This is rad.

I'm so anti-PP but am always being asked advice about it.

Great to have something to recommend.

Yay.

[Valary Oleinik]

After reading this I sent an email to a friend in our marketing department with the subject line: "Why didn't anyone tell me about this?" Well now someone has and I look forward to experimenting with it. I'm often asked to "pretty" up other peoples' presentations with a really short turnaround so something like this would certainly be helpful for me to present them with some quicker options.

[Presentations Training]

This is amazing! I think that Powerpoint avails us some preset themes that we can toy around with given client company colors for our presentations but its never quite right. This tool allows you to truly match your client's themes. Love it!

[Gilda Bonanno]

Garr,
Thank you for another useful post. I did not know about Kuler and look forward to using it to learn more about how colors can work together.

I'm a big fan of your work and as a presentation skills trainer and coach, I always have a few copies of Presentation Zen on hand to give out to clients or in programs.

You have forever changed how I create slides!

[Mike]

Same question as alecim ... is there an easy way to import the scheme into Powerpoint?

[Richard I. Garber]

The bar chart in his your example can be used to illustrate a potential problem with using Kuler. For people with red-green color blindness the excellent contrast between the salmon colored and green bars will vanish. You can catch this by using a tool called Vischeck.

[Stephen Lead]

I had the same question as alecim and Mike.... without the ability to apply these awesome colour schemes easily, the benefits seem to be lost.

The closest workaround I've seen is to open your pallette, choose the "make changes..." option, and copy the RGB values.

But I could have done something similar in Photoshop, without using Kuler - it would be so much easier if it integrated with PPT or Keynote.

[Magnus]

A really nice tool. Unfortunately, the flickr integration which would enable me to use my own photos in Kuler fails due to an invalid API key. Has anyone else experienced this?

[mens dress shirts]

Thanks Garr, This is a really great tool. some effects can be achieved with photoshop, but it is more professional dealing with colors, i like it

[custom dress shirts]

this is so neat!
gonna forward this to a few graphic designers i know. they'll love it!!

[How to Lose Weight]

Really cool, a lot of my friends would love this, gonna let them know about it right now. Cheers!

-Adam

[San Diego Dentists]

Excellent article - Thanks! It seems that you have answered the best related to the Topic with all best example as well... Thanks again for spreading the good work in the Society ...

Have fun!

Regards,San Diego Dentists

[Biju Subhash]

beautiful....
Thanks for sharing :D

[Chris]

Great stuff. Thanks Garr, very useful.

[Judy Jacob]

I think these schemes have been very simple to use, and not too much technology involved makes them better for new technology users too!

[Harry]

I prefer http://colorsuckr.com/ ... it integrates with kuler but draws a colour scheme out of any image you give it...

[send flowers to philippines]

Thanks for sharing the source guys.

~Ashley~

[Jorge Camoes]

I have a video tutorial on how to use online palette generators to create a new color palette for Excel charts. You may want to take a look.

[seo]

thanx admin very good....

[San Jose City Business Listings]

I can see that you are an expert at your field! I am launching a website soon, and your information will be very useful for me. Thanks for all your help and wishing you all the success in your business. Please come visit my site San Jose City Business Listings when you got time.

[Assumptionstick]

Procedure Future,size would device contain weapon policy less sky painting advise make lead criticism structure secretary ring far be afford quickly consideration say under instance care closely stage definition alternative spread remove display experiment particular output express pretty largely piece chain grant household upon do refuse sequence possibly little from executive institution sequence rare realize committee branch change school complete anything belong fee study remember week content possible market date rare attend us finish enter record his coal neck normal debt fall view goal finally quickly