Skip to content

Cores

As cores são importantes para identificação do nosso produto, além de ajudarem a criar experiências consistentes através das nossas soluções.



Recomendações

  • Para melhor diferenciar vários tipos de dados e informações, quando em mapas e tabelas, recomendamos a utilização de múltiplas cores.

  • Para melhor comunicar o propósito principal da interface, recomendamos a utilização da cor primária apenas uma vez por página, ou o mínimo necessário.

  • Para facilitar a construção de modelos mentais de uso da interface, recomendamos a utilização de cores de maneira consistente para a representação de status, mensagens de feedback e convenções

Ex.: links azuis, mensagens de validação vermelhas, mensagens de sucesso azuis ou verdes.

Observações:

  • Recomendamos o uso do token de gradiente como background das aplicações. Para utilizá-lo, atribua o token à propriedade background.

Paleta de cores


Light Neutrals
Token

Mid Neutrals
Token

Dark Neutrals
Token

Piccolo Green
Token

Aquaman Teal
Token

Sulivan Turquoise
Token

Nocturne Blue
Token

Nightwing Indigo
Token

Raven Violet
Token

Peppa Pink
Token

Carmen Red
Token

Goku Orange
Token

Lisa Amber
Token

Gradiente
linear-gradient($bg-gradient)

Última atualização:

Released under the Apache-2.0 License.