When coming up with a new mobile site, you will go through the same planning process that you did for its desktop version. Choosing the right color scheme would be one of these steps, and a very important one at that.

Deciding on the right colors to use for your mobile website is very important to make sure that your site displays well on any mobile device, and that it will be easy to read by users who are on the go.

1. Use the colors you have for your desktop website.
2. Remember that mobile screens are not as powerful as your desktop monitor.
3. Avoid gradients.

Be Careful with Gradients and Background Images

If you use a lot of gradients in your designs (as I do), you need to be even more careful. Gradients are cool, but really only on a desktop. On a mobile, a user can see gradients even when they are not present – he or she just needs to bend the device a little, and voila, here is a gradient that you didn’t include in your design. Of course, this doesn’t mean you must kick gradients completely out of your mobile repertoire but if you minimize their use, this won’t be a mistake.

Backgrounds pose a similar problem. The same background might be perfectly legible on a desktop but on a mobile it might be impossible to read the text. It is your task to make sure this doesn’t happen.