Paleta de cores Material Design

As paletas Material Design seguem a lógica da Google: uma cor primária, uma secundária para os destaques, superfícies neutras e uma escala de cinzentos para o texto e a elevação.

Exemplo de paleta

Primária#1976D2
Primária clara#42A5F5
Superfície#FAFAFA
Secundária#FFA000
Sobre a superfície#212121

Códigos hexadecimais prontos a copiar

Pensada para interfaces

O Material Design organiza as cores por função: primária, secundária, superfície, conteúdo sobre a superfície e erro. Cada cor tem um propósito, o que facilita a associação da paleta aos valores de cor do sistema de design.

Contraste e elevação

O Material exige um contraste mínimo de 4,5:1 entre o texto e a respetiva superfície. Os níveis de elevação resultam de um aclaramento progressivo da superfície, em vez da sobreposição de sombras. É útil no tema escuro, em que as sombras deixam de ser visíveis.

Outras harmonias de cores