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

[Free Classified Buy And Sell of Columbus City]

Congratulations, you just earned yourself an entry in my feed reader, great blog. Please come visit my site Free Classified Buy And Sell of Columbus City when you got time.

[Business phone directory Columbus City]

Congratulations, you just earned yourself an entry in my feed reader, great blog. Please come visit my site Business phone directory Columbus City when you got time.

[California CA Phone Directory]

You may have not intended to do so, but I think you have managed to express the state of mind that a lot of people are in. The sense of wanting to help, but not knowing how or where, is something a lot of us are going through. Please come visit my site California CA Phone Directorye when you got time.

[San Diego Business Directory Forum Blog Classifieds]

You may have not intended to do so, but I think you have managed to express the state of mind that a lot of people are in. The sense of wanting to help, but not knowing how or where, is something a lot of us are going through. Please come visit my site San Diego Business Directory Forum Blog Classifieds when you got time.

[Directory Phoenix City]

instead. Although glad is not quite the right word… let me just say I needed this after the incessant chatter in the media, and am grateful to you for articulating something many of us are feeling - even from distant shores. Please come visit my site Directory Phoenix City when you got time.

[DCity Of Philadelphia Yellow Pages Companies Listing]

instead. Although glad is not quite the right word… let me just say I needed this after the incessant chatter in the media, and am grateful to you for articulating something many of us are feeling - even from distant shores. Please come visit my site City Of Philadelphia Yellow Pages Companies Listing when you got time.

[Warhammer Online Chosen]

greate!! 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.

[jason kersley]

don't know of any plug-in's for the PC but I do know that adobe has already integrated kuler into in-design as an extension.

[Sleep Number Bed]

Interesting idea assumption

[Weight training ideas]

Wow, you're incredibly talented. A few of my friends are into this sort of thing and I'd bet they'd be inspired by your work.

[Watch Entourage]

Whoa, Kuler makes designing easy. It is so easy that a caveman can do it. It can make a novice that is willing to learn be like a semi pro.

[Acai Berry Pure]

Wonderful post... Very informational and educational as usual!

[ugg boots]

Your writing is very elegant, very vivid and lively, I really like you, wish you continued to write better articles, I will often try to concern, oh!

[website designing Dubai]

It was good to see your post. It is such an important topic and ignored by so many, even professionals. I thank you to help making people more aware of possible issues. Great stuff as usual...

[abercrombie clothes]

useful things and thanks for sharing

[replica tiffany retail]

pick the most neutral shades and tints to design your slides and use the most vibrant colors as a strong accent color.

[ed hardy clothes]

I don't think you emphasised enough how easy and intuitive it is to use.

[Tılsım]

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.

[oyun oyna]

maybe i should use it, too :)

[fx15]

Thanks for writing. was a really nice article. I always follow site. More waiting.

[kamagra]

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.

[Kepenk]

Thanks good article from you

[Christian Louboutin Pumps]

good points, thanks.

[Yılan Yağı]

Thanks for writing. was a really nice article. I always follow site. More waiting.

[Amateur Models]

Thanks for such a great post and the review, I am totally impressed! Keep stuff like this coming.

[sesli]

Thank you for the information your provide.

[Stefanie]

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.

[kese kağıdı]

Great stuff. Thanks Garr, very useful. good thanks..

[Henry]

good article great job

[christian Louboutin shoes]

A knee-length silk sheath had just enough volume in the bodice to make www.christianlouboutinshoesmall.com/christian-louboutin-black-leather-with-red-toe-pumps-p-735.html seductive; one bit of the hem was kicked up slightly, and ringing the neckline, whether as a turn-on or a threat, were pieces of barbed black plastic.

[used wheel loader]

Hi there, I’m fairly impressed by your blogging abilities. Please speak to me if a part-time blogging job sounds like something you’d be thinking, http://www.hitachi-cat.com

[manolo blahnik shoes]

Its reappearance in a decade that began so well with ladylike manolo balhnik shoes and much talk of peacefulness and new values seems to be letting the side down.

[wow gold]

Really helpful explanation of what is important in life and the slide is great - thanks Garr.~

[Tinnitus Natural Cure]

I found this article useful in a paper I am writing at university. Hopefully, I get an A+ now!

[mnaolo blahnik shoes]

It really nice and comfutablel,one of my friends show it to me !

[seks partner]

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

[cheap ghd straighteners]

I read your article! Well, I like!
Some online shops you can go to find something different.

[cheap ghd straighteners]

I read your article! Well, I like!
Some online shops you can go to find something different.

[cheap ghd straighteners]

I read your article! Well, I like!
Some online shops you can go to find something different.

[cheap ghd straighteners]

I read your article! Well, I like!
Some online shops you can go to find something different.

[cheap ghd straighteners]

I read your article! Well, I like!
Some online shops you can go to find something different.

[cheap ghd straighteners]

I read your article! Well, I like!
Some online shops you can go to find something different.

[cheap ghd straighteners]

I read your article! Well, I like!
Some online shops you can go to find something different.

[cheap ghd straighteners]

I read your article! Well, I like!
Some online shops you can go to find something different.

[cheap ghd straighteners]

I read your article! Well, I like!
Some online shops you can go to find something different.

[cheap ghd straighteners]

I read your article! Well, I like!
Some online shops you can go to find something different.

[cheap ghd straighteners]

I read your article! Well, I like!
Some online shops you can go to find something different.

[cheap phones]

I also wanted to say that our oldest daughter bought us a new stove and it is just wonderful because even though it came with loads of instructions, it is very satisfying to use, just push buttons and mix up your recipe and place it in the oven and viola, wonderful, unburnt food...what a glorious feeling it gives me. It is a most magnificent jewel of our kitchen. It will be a pleasure to use when the holidays are upon us. My husband and I are very happy about our new acquisition

[travesti]

Good Thanks

[minibüs kiralama]

I read your

[takı]

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

[takı]

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.

[orjin krem]

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

[saç ekimi]

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

[oil paintings]

“By the time a man realizes that maybe his father was right, he usually has a son who thinks he's wrong.” -Charles Wadsworth

[Ambalaj]

Thanks for sharing the source guys.

[Helva]

good article and nice site too

[Carol]

Every time i visit this website there is always something new to discover thanks for sharing.

[branda]

contributed to this article, I would thanks a lot.

["Your future depends on your dreams." So go to sleep - I am from China Wholesale]

I found this is an informative and interesting post so i think so it is very useful and knowledgeable. I would like to thank you for the efforts you have made in writing this article. I am hoping the same best work from you in the future as well. In fact your creative writing ability has inspired me. Really the article is spreading its wings rapidly.. looking for China Wholesale

[fivefingers8]

color themes/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."
yes , just like the natural skin is the best skin .

[Tim Wehre]

very useful story i will add this into the story well done my friend.

[Entourage Episodes]

very nice information, make my knowledge a lot

[Entourage Episodes]

thanks for share

[Tobias Stein]

Great article, i will publish that in my blog, thank you my friend.

[saat]

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.

[Мелания]

я тоже
кое что есть норм.
ОоОО... супер! спасибо! ))
это все, что нужно!!!
Не работает

[stopzilla review]

Kuler is kick ass! Been using it for a few weeks now and I'm loving it!

[Wade McMaster]

This is an awesome tool for designers. making it quick to choose and profile colours for later reference. It can be easy for people to choose similar colours and slowly evolve the original branding of a design into something different...annoying..

[exercise lose weight]

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.

[timberland mens shoes]

Since that time most U.S. egg farmers mens timberland boots have been employing tougher food safety measures to help protect against food-borne illness. Chief among timberland mens shoes these methods are modern, sanitary housing systems; stringent rodent control and bio-security controls; inoculation timberland classic boat against Salmonella Enteritidis; cleaning and sanitization of cheap timberland boots poultry houses and farms; and testing. http://www.timberlandofficial.com

[five finger shoes]

I am fascinated by your stories. This is such a great resource that you are providing and you give it away for free. There's much more to be gained. It is the old what goes around comes around routine.

[Sumax]

For people with red-green color blindness the excellent contrast between the salmon colored and green bars will vanish.

[cheap emu boots]

I was the first time, to see what everyone says, what can be shared

[girl @ Silk Flower Arrangements]

Fantastic presentation! great stuff. am glad to have found your post, I never knew about Adobe's Kuler before.