Choose one color to be the Dominant hue (usually 60% of the design). Choose a second to be the Secondary (30%). Use the remaining two strictly as Accents (10%).
If all four are fighting for attention, the user’s eye will bounce around the screen like a pinball machine, and they will leave. tetradic color
If you see distinct shapes, you have successfully tamed the beast. Congratulations—you are now a tetrad master. Choose one color to be the Dominant hue