I have searched a lot but not getting the idea of

using secondary color

as per 60-30-10 rule in web design...

Where to use secondary color in website???

closed as primarily opinion-based by locationunknown, JonW Apr 16 '18 at 8:27

Many good questions generate some degree of opinion based on expert experience, but answers to this question will tend to be almost entirely based on opinions, rather than facts, references, or specific expertise. If this question can be reworded to fit the rules in the help center, please edit the question.


I'm not sure if it will be helpful or not, but Google-material-design guidelines sometimes help to catch things up even when you're not building something that follow material design methodology. I hope, at least you might find some basement.

  1. I want to mention this special section in material design guideline, where you might get some idea of where to use primary color and where to use secondary -> Material-design-color-system. Read thoroughly from this point to the rest of the section, you may find some good idea :)

  2. Besides, using this color tool helps sometimes -> Material-design-color-tool

  3. IMHO, primary colors and secondary colors are important to visualize the information/content on the screen in a better way. So, it actually depends on how you organized your information/content earlier. This is a approach which makes usage of colors and typography very bold and precise. It's all about how we differently work with information, right?

Maybe that's why there's no definitive solution of where to use primary colors and where to use secondary, and where to use tertiary if it has one.

Not the answer you're looking for? Browse other questions tagged or ask your own question.