Skip to main content
WordPress made easy with the drag & drop Total WordPress Theme!Learn More

How to Choose a Color Scheme for your WordPress Project

May 22, 2017
Choosing a Color Scheme for WordPress & the Best Color Generators

Choosing a color scheme for your WordPress project can be a very difficult and time-consuming task. The right colors will help create a beautiful and attention grabbing website, appealing to your visitors and encouraging them to return again and again. But get it wrong and your repeat visitors numbers, sales, conversion rates, and business may all suffer.

Lucky for you many top selling WordPress themes include built-in color options. The Total WordPress theme for example includes color pickers for almost every page builder module as well as tons of built-in options in the live WordPress Customizer. So with the right theme you can fully implement your color scheme.

In this round up of the best color generators, we will look at a variety of tools to help you choose a color scheme for your WordPress website. The selection of color generators mentioned in this article offer numerous features between them. So whatever your design experience, you will be able to find a color generator tool that suits your needs.

Brand Palettes

Brand Palettes by Bold Web Design

One of the best ways to get started with your own color scheme is to be inspired by big brands in your niche. Don’t worry – this doesn’t involve Googling and inspecting images to decipher the perfect shade of blue. Bold Web Design created a handy brand color palette tool of fortune 500 companies to make this easy!

Brand Palettes FedEx Example

This free color palette tool makes it easy to see what other brands in your niche are using. Use the filters to select a particular industry, then click on a logo to view hex colors that particular company uses for their website and marketing. While we wouldn’t suggest copying a company’s branding, this is an excellent tool to get inspiration and view color palette trends. This way you can easily narrow down the direction that you want to take your own colors.

Adobe Color CC

Adobe Color CC

Like all Adobe products, Adobe Color CC is an advanced solution that will involve a bit of a learning curve if you want to get the most out of its features. Choose from pre-generated color palettes or create your own based on a color or an uploaded image of your choice.

Adobe Color CC lets you select your own color rules, or manually adjust colors yourself. If you are looking for a basic and quick color generator, this isn’t the software for you. On the other hand, if design is your thing, and you enjoy exploring the complexity of color palettes, Adobe Color CC will be right up your street.



Coolors allows you to quickly create beautiful color schemes, that always work together. Lock in a color you’d like to use, click the spacebar, and then Coolors will generate an appropriate color scheme. If you are basing a color scheme around an image, simply upload the image and let Coolors find the best colors to match it.

Colors can be customized by adjusting temperature, hue, saturation and more. Palettes can then be organized and saved in the Cloud, allowing you to access them from any location.



ColorHexa is a free tool that will generate a color palette for any color of your choosing. Once you have selected a color, ColorHexa will produce detailed information about that specific color. This includes the percentages of colors that make up your chosen color, and stats on hue, saturation, brightness, and more.

A number of color palettes are generated, as well as alternative options, alterations on shades and tones and previews of colored text and borders. All in all, ColorHexa is an extremely in-depth tool which will empower you to create the right color scheme for your WordPress website.



Palettr is an interesting color generation tool. Instead of basing a color palette on an individual color, Palettr selects a color palette around a theme or a place. Simply type in a word, or words, that best describes a theme or a place. Then wait for Palettr to find the appropriate colors.

Palettr works by finding images linked to your words and then generating color palettes around those photos. Without a doubt, Palettr is a clever concept. And a great way to find inspiration if you are struggling to find the right colors for a project.



Colorfavs is a neat little tool that will produce a range of color palettes and info for the colors of your choice. This website will generate beautiful color palettes from URLs, images or to match a specific color. Colorfavs will display complementary colors and color conversions. These include a range of color schemes, gradient shades, hue pallets, and more.

You can also choose from Colorfavs many pre-selected color palettes. Like your favorite colors and palettes. Or create collections of palettes that you can save and reuse for a variety of WordPress projects.



ColorLovers is a community site, aimed at providing Creatives a place to come together, share their work, and find inspiration for their next project. Here you can explore a range of colors, palettes, and patterns, discuss trends and articles, and interact with the whole colorful community.

ColorLovers contains a few different design tools. PHOTOCOPA is an image inspired color generator. Simply upload your photo and PHOTOCOPA will come back with six color palettes pulled from the image.

COPASO is an advanced color palette tool from ColorLovers that finds color palettes to match your chosen colors, or again from an uploaded image. COPASO is one of ColorLovers more powerful tools, which is reflected in its more advanced interface.

Material Design Palette

Material Deisgn

Material Design Palette is an extremely straightforward, if a little basic, color generator tool. Simply select two colors from Material Design’s color options, and it will generate a color palette for your WordPress project.

Helpfully, Material Design labels each color it suggests in the generated palette as how to best use it. For example, it will select one color to be best used as the Primary Text color, one as the Secondary Text color, and so on. This is particularly helpful for those will little design vision and that really need guiding through the whole process of selecting and using colors that work together.



Palettable is another great tool for those who are looking for a quick and easy color generator with no frills. This solution works by suggesting colors, which is simple enough. Then you choose to like or dislike, allowing you to either keep the color or pass on it. More colors that match the original colors are then added, enabling you to create a complete color scheme of five colors.

There are two big pros of Palettable. One is the full-size screen display of the colors. This enables you to get a good insight and feel of how the colors work together. The second is the ease of use. You can select and customize colors with just a few clicks of a button.

Final Thoughts

Finding the right set of colors is an extremely important part of any project (almost as important as choosing the best WordPress theme). As you can see there are a plethora of tools available online to help you get it right. When first starting out, try using a couple of different color generators. This will help you to see which one best suits your needs and experience. Then sit back and watch your projects come alive with the new dynamic color schemes you have created.

Which color generator catches your eye? Please share your thoughts in the comments below.

Article by Joe Fylan guest author
Subscribe to the Newsletter

Get our latest news, tutorials, guides, tips & deals delivered to your inbox.


No comments yet. Why don't you kick off the discussion?

Leave a Reply

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

Learn how your comment data is processed by viewing our privacy policy here.