As cores são um dos elementos mais fundamentais em qualquer Design System, pois desempenham um papel crucial na identidade visual, usabilidade e experiência do usuário. Elas não apenas transmitem emoções e significados, mas também ajudam a estabelecer hierarquia, consistência e acessibilidade em interfaces digitais.
Baixar PDFCor principal para botões de ação positiva, ações lógicas
Links e elementos interativos, redirecionamento de página
Ações que alteram o funcionamento e uso, ex: mudar senha, comprar algo.
Alertas, notificações e mensagens
Detalhes, ícones, botões secundários
Ao fundo dos ícones
Elementos ativos e disponíveis, aprovados, positivo
Cor principal para textos de habilitado
Elementos inativos, desaprovados, negativo, desativado
Cor principal para textos de inativo
Elementos parados, em repouso, sem movimento, transporte
Cor principal para textos de neutro
Não mostra as informações, anonimizado, sem dados ainda
Cor principal para textos sem infos.
Em transporte, algo está acontecendo, em movimento.
Cor principal para textos em mov.
Cabeçalhos principais
Cabeçalhos secundários
Corpo de texto principal
Destaques em tabelas
Texto em campos de formulário
Texto desativado
Fundo secundário