There are too many colors used: Grey shouldn’t be used in this UI and the use of the Secondary color is used to much.
Example of 60 – 30 – 10 Rule – Correct
This is an example of a UI element that uses the 60 30 10 Rule. The Secondary color only highlights elements that are secondary to the purpose of the UI. The Primary color gives emphasis on the Primary Elements. The Neutral Color is used for filling in the rest of the UI.
Hue – Refers to the Dominant Color Family of the specific color we are looking at. White, Black and Grey are never referred to Hue or Color. Tint – Hue or mixture of pure colors with only white added (or moving closer to White) Tone – Hue or mixture of pure color with only Gray…