In search of: 9 distinct colors

Get Started
1

Hi guys. I’m working on a project that requires tiles of 9 different, visually distinct colors or similar weight and saturation (none of the tiles should “pop out”). The client wants the text to be black, so the colors have to be lighter.

Here is what I have: http://bit.ly/110Y5fz (my server) I marked the colors section in the head. You can add or remove rows in the js at the bottom (var repeat).

This color scheme works, but it looks like a pastel Easter basket. The client in a construction company, so think of “manly” primary colors.

The first working version of the site is almost done, but I’m at wits end with the colors.

Thanks for your help!

Shane

2

Hmmm, why not TINT the HUEs with an equal amount of BLACK so as not to make it look so pastel?

I like working in PS to pic my colors , because it automatically the equivalent color in other color modes…

Lets say you ‘pastel’ yellow is CYMK= 0 20 0 0 , why not shift to 0 20 0 5. You would of course, use the corresponding hex value.

hope that helps.

3

Thanks. I’ll give that a try. I tried decreasing saturation and value. It made the colors less pastel-ish, but the readability suffered.