60-30-10 Rule

60% Dominant Color: This refers to the primary color or background color that covers the majority (60%) of the screen or webpage. 30% Secondary Color: This is a secondary color that complements the dominant color. It's used for elements like headers, buttons, or sections that require some visual differentiation but are not the primary focus. 10% Accent Color: The accent color is a contrasting and attention-grabbing color used for highlighting critical elements or calls to action. It's reserved for items like buttons, links, or other interactive elements that you want users to notice immediately.