Cores
Modelo Material 3: paletas tonais (tom 0 = preto, 100 = branco) e roles semânticos que apontam para um tom. Use sempre o role; o tom é detalhe de implementação.
Cada quadrado copia o hex. O tom com contorno azul é o tom base da paleta.
Paletas tonais
Primary
Azul Callink. Cor de marca e de ação
Secondary
Oliva. Coadjuvante
Tertiary
Verde. Coadjuvante
Error
Erro e ação destrutiva
Warning
Atenção e alerta
Success
Sucesso e confirmação
Neutral
Superfícies e texto
Neutral variant
Cinza azulado. Texto secundário e contornos
Roles: claro e escuro
Cada role aponta para um tom da paleta, com um valor para o tema claro e outro para o escuro. A cor do texto sobre cada quadrado é só para leitura; ela não é o on- do role.
Primary
Secondary
Tertiary
Error
Superfícies
Texto, contorno e inverso
Os roles fixed (primary-fixed, primary-fixed-dim, on-primary-fixed, on-primary-fixed-variant, e o mesmo para secondary e tertiary) têm o mesmo valor nos dois temas.
Warning e success não têm roles no Figma. Para estados, use as paletas direto, no mesmo padrão dos containers: fundo tom 95, texto e borda tom 30–40.