I'm looking for the best practices of the use of color for elements in a responsive design which will be used on both desktops and mobile devices. I feel like there are three spectrums of thoughts:
On one end of the scale, some designers argue that color should only be used to indicate an element that the user can interact with, and that everything else that can not be interacted with should be grayscale.
On the other end of the scale, I see plenty of examples of websites that, for example, use the same blue for their links (which can be clicked) as they do with their header bar (which can not be clicked)
In the middle is something similar to Apple's iOS Human Interface Guidelines: "Consider choosing a key color to indicate interactivity and state." and "Avoid using the same color in both interactive and noninteractive elements."
Which of the above is best practice?