99Designs has a tool called the Logo Color Generator. It’s located on a post of theirs called The Psychology of Color: How to Choose the Right Logo Color.

Click here to jump to that Generator.

Drag the sliders to match your Brand’s personality.

Don’t think too hard about this! Also, note that there’s no “right” answer.

Click Show me the colors!

Once you click Show me the colors, 99Designs will spit out a suggested color.

You can either take this color and run with it. Or, you can make some adjustments and try again.

Also, you can scroll down to the list of colors and read their descriptions. If one of these stands out, you can pick that color!

Log into Pinterest. If you don’t have an account, you’ll need to create one.

Once there, click on your profile icon in the upper-right corner.

Click the + icon, and then click Board

In the dialog that opens, give the new Board a name. I suggest calling it Color Inspiration.

Click Create.

All you have to do is search Pinterest for {primary-color} color palettes, where you substitute {primary-color} for the color you identified in Step 1.

Then, when you find a Pin that you like, Save it to the Board you just created.

Make sure Color Inspiration (or whatever you named the Board) shows up in the dropdown. Then click Save.

I recommend adding at least 30-50 Pins that you like and that might work for your brand.

I recommend saving a blend of three different types of Pins: Color Palettes, Room Designs, and Web Designs.

Having a blend like this will ultimately help you choose website colors that make sense. And they give you different perspectives on your final palette.

Also, if you follow this method, you’ll identify one Pin from each category for your Top 3.

Color Palette Pins: Pins that have Color Palettes, color schemes, and/or swatches with your Primary Color.

Room Design Pins: Pins that show interior designs featuring your Primary Color.

Web Design Pins: Pins that show web pages that feature your Primary Color.

I recommend saving at least 10 from each category.

Find more Pins by searching for a variety of different keywords.

• {primary-color} color palette
• {primary-color} color scheme(s)
• {primary-color} web/website design
• {primary-color} websites
• {primary-color} interior design
• {primary-color} room design
• {primary-color} mood board
• {primary-color} color inspiration
• {primary-color} inspiration

If you click on a Pin, it will expand to full screen.

Then, if you scroll down, below that Pin is a list of similar Pins in the More like this section

Once you have 5-10 Pins on your Board, you can use the More ideas feature to help you find new Pins.

Head over to the Board you’ve been building. First, click your profile icon.

Then, click into your Board.

Finally, click the More ideas button

You’ll be given a bunch of new options that are similar to the Pins already on your Board.

Try replacing your Primary Color’s name with another shade, or add an adjective to make it more specific.

Here are some examples for blue:

• Sapphire
• Slate
• Navy
• Indigo blue
• Cobalt blue
• Light blue
• Ocean blue

You can also search Pinterest for shades of {color} to get some ideas for more color names!

Head over to the Board you’ve been building. First, click your profile icon.

Then, click into your Board.

Then click the Organize button

Here, select at least one Pin (ideally one of your Top 3 Pins), and then click the Create section button

Give it a name — I recommend Top 3 — and then click Add.

Now, comb through your Board and identify the one Pin from each category that best represents your Brand.

To add Pins to a section you’ve already started, be sure you’re on the Select and reorder page (by clicking Organize on the main Board).

Then, click the Pins you want to add.

Finally, hover over the section, and click Move Pins Here.

Before jumping to Coolors, head to your Pinterest Board and select the one Pin that will serve as your start point as you choose website colors.

To start, I recommend choosing the Color Palette Pin you selected for your Top 3.

Click that Pin to expand it.

Then, right-click (Windows) or control-click (Mac) on the image.

A context menu will appear. From there, choose Copy image address.

I highly recommend creating an account with Coolors. It’s free, and it’ll enable you to save your Palette for future use.

Click here to head over to Coolors.

Sign up for an account using the Sign up button in the upper-right corner.

Click here to head directly to generator. This is where we’ll actually choose website colors.

Or, if you’re already on the Coolors home page, click the blue Start the generator! button.

From the generator, click the icon in the toolbar.

In the dialog box that appears, choose URL, paste the Image Address you copied from Pinterest in the box, and then click OK.

The image from Pinterest will appear, along with a swatches and a slider.

If you need, review my guidelines for a five-swatch Color Palette from above.

When you make it to the Image picker, Coolors should default to five swatches, which is perfect!

Now, click on the first swatch (the far left one). Then, click anywhere in the image to select that color.

Repeat this process for each of the five swatches. Then click Next, and then Open in the generator.

Here’s the final output in the generator:

The last step is to tweak your Palette to get it to line up with the color types I recommended at the top of this post.

In the Pallete I have here, I’d make the following adjustments:

Select an Alternate color: I need an Alternate color, one that contrasts with the Primary color. This color is used to draw attention for links and buttons, so you want it to go with the Primary, but you also want it to stand apart.

This is where your Top 3 Pins come in handy. I flipped over to my Web Design Pin, and spotted this bright blue:

So, to grab this color, repeat Steps 5.1, 5.4, and 5.5 above, and identify just that one color. (You can just adjust the first swatch and leave the other four alone.)

BUT! This time, don’t choose Open in the generator. Instead choose View Palette.

Then hover over the HEX item and choose Click to copy. Finally, close the dialog using the X.

Now you have to decide whether to overwrite one of your existing colors, or add this as a new color.

For this example, I really like the first three shades. So, I’m going to keep them (and make this a six-shade Palette instead of five).

But, I’m not crazy about Dark Sky Blue, so I’ll overwrite that one.

To do so, click the HEX code and paste in the one you just copied.

Add a Neutral Dark: Finally, because I like the Ghost White for my Neutral Light, I just need to add a Neutral Dark — a black, charcoal, or (very) dark blue color.

Simply repeat the process above. But, this time, add a swatch by hovering between two colors and clicking the + icon.

Paste in your new HEX code, and your Palette is ready!

Because you created an account, you can save your palette!

Click the icon in the toolbar. Give it a name, and click Save.