When you’re picking colors for your business, I recommend you stick to two main colors — not including black or dark grey, which you might use for type.
Because your audience will find it easier to remember two colors and associate them with your business. Two of anything is easier to remember than three, four, or five, right?
There’s a simple way to expand on these two main colors and give yourself more to work with. It’s using tints and shades.
Just a Hint of Color
Let’s say you’ve chosen two main colors for your business. Here’s an example:
A tint is a lighter version of your main color. The overall effect is that of adding white to your main colors. Here are tints of the main colors in our example:
A shade is a darker version of your main color. The overall effect is that of adding black to your main colors. Here are shades of the main colors in our example:
On the web, tints and shades extend your palette by adding colors for you to work with. You’re not introducing new colors and creating a rainbow of hues that make it more difficult for visitors to grasp your visual identity. Tints and shades give you more flexibility, even within a limited palette.
In Search of Tints and Shades
Finding the right tints and shades to complement your main colors seems difficult, but the Internet has come to the rescue! I found a great tool to share with you that makes finding tints and shades really easy.
It’s called Color Scheme Wizard, and it has a built-in tool you can use to plug in your main web colors and find tints and shades you can use to expand your color range.
Using Color Scheme Wizard
Don’t be overwhelmed by all the bells and whistles here: finding your tints and shades is easy if you know where to look. Just plug in your web color here:
Click the “Set” button, and a list of tints and shades will appear.
When setting up your web site, tints can be used as background color behind your sidebars. If you use a subscription box, this is a place to put tints to work, too.
Shades can be used as your site background on either side of your content area (which should be white or very light for maximum readability). You could also put them to work as headline or subhead colors.