4 Ways to add color to your website

Changing the color of a Premium WordPress theme is easy; finding the inspiration is tricky.

We pack our collection of themes with ten color choices, but what if we didn’t get that shade of blue you were looking for quite right? Perhaps your client needs to match a brand scheme that wasn’t included.

Fear not.

Here’s a list of great resources for gathering colors to include in your next custom website launch!

Customizing colors

First, before you begin any custom styling, you need to create a child theme.

Creating a child theme allows you to modify the style.css file without overwriting the original. So make sure you do that first.

From there, you want to grab the color code and apply it to your style sheet. If you’re anything like me, you’re going to dig in with the Chrome inspector tool to see what colors we can change.

Once you know which elements you want to hit, it’s time to pick a color.


Colour Lovers

This is my go-to site for browsing and finding the following best color scheme. It’s like a Facebook for color picking — if you can believe that. You can browse by daily, weekly, monthly, or all-time popular schemes. Careful, you might get lost there for a few hours.


Flat UI Colors

Flat UI is all the rage, and the bold simplicity attracts me to this site. It’s all a snap to copy color codes with their drop-down. It doesn’t have as many choices as Colour Lovers, but you won’t be lost here for hours. Maybe a great site to send to a client?

Adobe Krul

Adobe Kuler

Ah, the color wheel is always a good time!

Adobe gives us this tremendous interactive wheel to help us select complimentary colors. Set the dial and spin to win. The corresponding color codes will dynamically change at the bottom of the tool.




Need to copy a color from an image on a website, or you can’t find the color code in the CSS?

Try out this free Chrome extension, ColorZilla. After you install it, you will get an eyedropper tool that allows you to grab a color from anywhere on a webpage. Super useful!

Have a tool or website you prefer? Let us know in the comments!

We hope that you enjoy our content. If you decide to make a purchase after clicking on one of our affiliate links, we’ll earn a small commission at no extra cost to you. Thanks for reading! View our Affiliate Disclosure

2 thoughts on “4 Ways to add color to your website”

Leave a Comment

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