10 Color scheme generators for designing your apps and websites

Color is one of the most important design element. The colors chosen for the design form a color scheme. They are used to create style and appeal or to convey a certain mood. By selecting the right color palette, you can achieve visual balance and evoke appropriate user reactions.

You can read our earlier post to know more about the color psychology in design. In this post, I have picked up some of the best color scheme generators that you can refer to for getting inspiration while designing your app or website.

1. Adobe Kuler

Adobe Kuler is one of the most popular color scheme generators. You can not only explore and get inspiration from popular color schemes from others, you can also create your own color schemes using color wheel or from an image.

adobe-kuler-color-scheme-generator

2. Colourlovers

You can browse over a million color palettes to get inspiration or pick from millions of user-named colors to kick start your project. Or, you can create your own color palettes and share with the community. Color palettes can be downloaded in different formats like .svg, .ai, .png etc.

colour-lovers-color-palettes

3. Colourcode

Colourcode allows you to create your own color scheme that can be downloaded as styles (.less and .scss) or .png. It is also possible to save the palette for future use or share with a link.

color-code-color-scheme

4. Colllor

With Colllor, you can generate color palettes derived from the color that you input as a hex code, in plain english or via an URL. The color palettes are generated based on shades/tints, tones, color mixing or from colors next to the original one on the color wheel.

collor-color-scheme

5. Coolors

With Coolors, you can generate infinite color palettes for your web, print or product design projects. Whether you have a color to start with and need help finding its complementary colors or have no idea where to start with, Coolors will generate a color scheme for you at the flick of spacebar. You can export your color palette as PNG, SVG, SCSS or SVG. An iOS app for Coolors is also available.

coolors color palettes generator

6. Paletton

Paletton color scheme designer is a web application to create a set of matching colors. It transforms color theory into algorithms to generate colors that go well together.

paletton-color-scheme-designer

7. ColorExplorer

ColorExplorer is an online toolbox for working with color palettes. The palettes can be exported for use in Adobe Photoshop, Illustrator, and InDesign. You can also browse and work with colors from popular color libraries.

colorexplorer

8. Colors Palette Generator

Colors Palette Generator generates a color palette from an image. Supported image types are .png, .gif, .jpg and .jpeg and it creates four levels of palettes from an image: light, medium, dark, complete. You can also save the palette as .css file or Adobe Photoshop swatches.

color-palette-generator

9. Pictaculous

Like Colors Palette Generator, Pictaculous also generates color palette from an image. It also provides color scheme suggestions from Adobe Kuler and Colourlovers. The palette can be downloaded as Adobe Photoshop swatch file.

pictaculous-color-palette-generator

10. Web Color Data

Web Color Data helps in finding colors used on a web page. You need to submit the URL of a web page and the tool will analyze the colors in it and generate the color scheme. It also displays color schemes used in many popular websites that you can refer to for inspiration.

webcolourdata-color-scheme

Hope these color scheme generators will help you in picking up the right color scheme and designing visually pleasing apps and websites. Please don’t forget to share this post with others.

About the author

Monika Ratan

Monika loves graphic design & other forms of creative art. When not found tinkering with her favorite graphic design tools, she is mostly reading or writing on wide array of topics. Follow her on Twitter @monikaratan

One comment

  1. Sunny says:

    Another one
    http://palettegenerator.com

Leave a Reply

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