Fun With Colors — A Web Tools Guide

colorWe recently wrote a post outlining tips for choosing colors for your website, and good tips they were too! But one thing we didn’t dig into was the many, many fun tools that are out there for making your color choices easier and more enjoyable.

Choosing colors for your website is a serious decision, but that doesn’t mean it can’t be a good time as well! So here are some fantastic online tools that make playing in the color sandbox better for everyone.


Coolers has been my go-to color tool for a while now. While it doesn’t have quite as many options as some of the other tools we’ll talk about today, it has a fantastic interface that allows you to quickly generate and refine palettes. One of my favorite things Coolers does is let you lock individual colors in the palette once you are happy with them and then continue to generate new colors just for the ones that aren’t right yet. You can generate colors from a photograph, and even tweak the hue, saturation, brightness and temperature of the palette. Coolers also offers the tool as a Chrome extension, iOS app and as a (paid) add-on for Photoshop and Illustrator.

Adobe Color CC

Formerly known as Adobe Kuler, Color CC offers a clean interface that let’s you really dig into your palette with all kinds of complexity. The interface is not as slick as Coolers, but in return it lets you play around with color harmonies, making sure your palette conforms to specific rules.


Paletton is one of the oldest color tools around, and has the most options of any tool we’ll discuss today, though because it’s interface is crammed full of advertisements, it can be slightly annoying. In return for dealing with those ads, you get a color tool that can do just about anything. Once of my favorite features is the ability to generate a website mockup using your selected palette, so you can see what it would look like in the real world.

Material Color Tool

Google’s Material Design site, which focuses on creating attractive and highly usable interfaces, has a color tool which helps choose color palettes that conform to the Material Design ethos. While it doesn’t have all the bells and whistles of some of these other tools, it does what it came to do very well, namely choose a color scheme that will work well from a usability standpoint. It has a nifty interface generator which automatically colors in elements of the interface as you choose parts of your palette.

Color Supply

Color Supply is another relatively simple tool, but I absolutely looooove it’s interface, which lets you visualize your palette in a number of fun ways. I’m hoping they will continue to add features such as one-click exporting of the color values, and manually entering colors, but for now this is still a really good jumping off point for palette creation.

All right! I think that’s enough for you to jump in and get playing with colors. Have fun! If you’d like to work with a team that knows their colors, give the Solamar designers a shout.

Want blog updates sent to you like magic?

Just enter your email below.

Leave a Reply

Your email address will not be published. Required fields are marked *