I have read some articles about web design, all of them recommend to choose a color palette first. I know colors are most important thing for professional web look. COLOURlovers, a web for color palettes. It has thousands of color palettes. I am beginner to web designing so, I don’t know how to properly use palettes. Working with one and ending up with ugly colors on screen. Is there any technique to properly use color palettes? Which color should be used for links, for background, for header, for footer e.t.c out of given palette colors.
I see visual design as the top layer of UX, and being part of aesthetic it is a very important one. But I agree that the question will be better answered by the graphic design community.
Also, if I’m perfectly honest, many designers don’t pick palettes from arbitrary sets; instead, they often ‘borrow’ one from a site they like, and less often they use photos.
Colours in a Nutshell 1
Number of Colours
- Use colours conservatively.
- Limit the palette to about five colours (one glance limit).
- Consider accessibility (don’t impart information by colour only, for those with limited vision).
Aesthetic choices on the colour wheel are often:
- Analogues (adjacent)
- Complementary (opposing)
- Colours found in Nature
Prefer warm colours for foreground element, and cold for background. Light gray is a safe colour (non-competing, good for grouping).
You can see these options in the scheme selection wheels from this very useful site.
- Serious (darks)
- Friendly (brights)
Which colours you should use for links? It depends how much you want people to click on them. A link such as ‘Like me’ would probably get a warm saturated colour, whereas an informative link such as ‘Powered by phpBB’ (you don’t want people to leave your site to the phpBB site) would probably get a cold desaturated colour.
There is no substantive evidence for colour symbolism, and it varies greatly between cultures.
 Lidwell et al., 2003. Universal Principles of Design. Rockport.