60% – Cor base (geralmente neutra ou clara)
É o fundo ou o que ocupa maior área da tela.Garante leveza equilíbrio e não cansa o olhar.
30% – Cor secundária (apoio à identidade)
Usada para blocos de destaque cards barras menus.Dá identidade visual ao projeto.
10% – Cor de destaque (chamada para ação)
Usada em botões links detalhes ícones importantes.Serve para chamar atenção e guiar o usuário.