The Art of Color Coordination

Colors affect us in countless ways—mentally and physically, consciously and subconsciously. Psychologists have suggested that color impression can account for 60% of the acceptance or rejection of a product or service.

Good color choices should never be neglected in web design. A bad color combination can have the same negative effect as poor copy and slow load times. In this infographic, we will briefly discuss color coordination and how you can use this to your advantage when designing your site. Special thanks to @speckyboy, @smashingmag and @onextrapixel.

Click on the infographic below to view a larger image:

The Art of Color Coordination

Website Color Scheme Examples

Complementary Colors –

Complementary Color Website Example

Analogous Colors –

Analogous Color Website Example

Split-Complementary Colors –

Final Touch Split Complementary Color Website Example

Triadic Colors –

Triadic Color Website Example

Tetradic Colors –

florida flourish

Square Colors –

Square Color Website Example Panera

It’s important to have a consistent color scheme on your website. To learn more, check out this short video: