Color Palette Tools for Web Designers and Developers

Color is an essential part of design. And choosing the perfect color scheme is a step all designers, and artists, must go through. A color scheme can make or break your art, design, or project.

Below are 21 tools to help you choose the perfect color palette for your project.

1. Coolors


Coolors gives you the ability to upload an image of your choosing and make a color palette based on the colors found in that image. With Coolors, you can export and save the generated color palette as PDF, PNG, SVG, SCSS or COPIC. Moreover, there is a Coolors app for Android or iOs smartphones, and it also has an Adobe Photoshop and Adobe Illustrator plugin.

2. Adobe Kuler: Color wheel


This is an official Adobe tool to help you generate a color palette. There are two options for generating color schemes: you can play around with the color wheel and generate color schemes according to the color chosen, or upload an image and let the Adobe Kuler generate one for you. Then, you can save the generated color palette in your Creative Cloud library (if you have one).

3. Paletton


Paletton lets you choose one base color for the layout, and then it displays various similar shades in small boxes that match your chosen color. With Paletton, you can then share the color palette by generating a link for it. Fine-tune your palette by choosing “adjacent colors” to your primary color and shades matching them, or a “triad” or “tetrad” option where you can create vision simulations for three to four color schemes.

4. Pictaculous


Pictaculous works only with images, by allowing you to upload an image, and generating a color scheme based on it using Kuler and COLOURlovers. Afterward, it creates an Adobe Swatch file that you can download.

5. Degraeve’s Color Palette Generator


Degraeve’s Color Palette Generator is a simple tool that lets you paste the URL of an image online, and then it creates a color scheme based on that. It’s simple, with no other features. But it gets the job done.

6. Colllor


Colllor generates a color palette only from the color you choose in the color picker. Based on the chosen color, Colllor generates shades/tints, tones, and mixed or similar color palettes.

7. CSS Drive: Image to Colors Palette Generator


In this tool, you can upload an image or put the URL of an image to generate color codes and a color scheme. It shows color schemes in three different ways, giving you light, medium, and dark palettes.

8. PaletteGenerator


With this tool, you can upload up to 20 images to generate a color palette. You can change colors using the slider. To choose colors from a small fragment of the image, you can use the sample selection.

9. Material Palette


In Material Palette, to generate a color scheme you have to choose two colors from the tiles shown. The color palette generated by Material Design Palette can be downloaded or tweeted.

10. Color Scheme Generator


This tool generates color schemes depending on the base color you choose. It also generates color schemes according to various color combination categories such as Monochromadic, Triadic, Complementary Color Scheme, Split Complementary, Double Complementary, etc.

11. Colorschemer


Colorschemer lets you set RGB and HEX codes in the toolbar and generate the color scheme based on the entered RGB or HEX code. You can lighten the generated color scheme and also darken it. Software for this color scheme generator is available for download on both PC and Mac.

12. Color Palette Generator


Color Palette Generator generates color schemes from your photographs in just a few seconds. You can add or upload photographs from your PC or by using supported services like Flickr, Instagram, Facebook and Dropbox. The program will then analyze the colors and generate color schemes from the uploaded photograph, as well as providing CSS code for the color scheme. You can download swatches to use in Adobe software.

13. Color by Hail Pixel


color-hailpixelColor by Hail Pixel keeps on generating color swatches until you are done with the desired color palette. It starts with one color and keeps adding the colors as you move your cursor on the screen; simply click to save a color.

14. Color Wizard


Color Wizard generates color schemes based on a color you select. It shows variations as Hue, Saturation and Tint & Shade and enables you to generate color palettes in various categories like analogous, triadic, complementary, split complementary, Tetradic, etc.

15. Palettr


palettrPalettr generates color schemes inspired from the photographs uploaded by users on 500px. You can search the photographs using keywords (the site suggests to search by theme or location); once Palettr returns search results, you can view the photographs along with the color schemes they inspired.

16. Colorotate


Colorotate is a 3D tool for generating color palette for any kind of project you might be working on. It has a few pre-designed color palettes that you can select, as well as an extensive tool for generating the color scheme of your choice. You can download Colorotate as an app on your iPad.

17. ColourCode


In ColourCode, you can generate color schemes by clicking and adding the color on the screen browser. Every generated color has few options for saving the color as Less, SCSS, PNG, etc. You can generate color palettes in categories like monochrome, monochrome light, analog, triad, quad, complement, etc. The generated color scheme can be downloaded in various languages or types.

18. Color Blender


Color Blender is a perfect tool to generate color schemes with shade transitions in two colors. You can choose color one and color two in this tool and let them blend. You can also choose how many shade midpoints you want to have between the chosen colors.

19. COPASO : Color Palette Software


COPASO is a tool under the hood of COLOURlovers. It is helpful in generating a rich color palette in one of three ways: (1) based on your color choice, (2) based on uploaded images or (3) by entering CMYK or HEX values. You can save the generated color palette or publish it by giving it a name.

20. Hex Color Scheme Generator


This Hex Color Scheme Generator is one of the simplest tools for generating color schemes. All you have to do is enter the HEX code of the chosen color you want as the basic color; then, It generates three colors that are similar or complement the base HEX color you chose.

21. ColorExplorer

Color-ExplorerWith ColorExplorer, there are four ways to generate color schemes. These include color picker, image color import, CSS/HTML color import and website color import. You can add colors to your palette via any of these methods.

And a bonus one…

22. Canva Color Tool


This tool teaches you everything you need to know about colors, their meanings, and the numerous color combinations that will hopefully give inspiration to your next design. Just choose a color and you’ll find facts about how it’s mixed, how you could use it in your designs, and even how it makes people feel.


Some of the color palette tools in the list above serve a bunch of needs and come with great functionalities. The job of deciding a color scheme is an important one, but it’s not something you have to do all on your own from scratch. I hope these tools will be of help for you in any kind of project you might be working on.

If I have missed out any of your favourite color palette tools, let me know by commenting below!