Sistema de Cores

A aplicação correta da paleta de cores visa trazer consistência ao GDGovMS e contribuir para garantir uma interface unificada e facilmente reconhecível pelos seus usuários. É fundamental que a paleta esteja alinhada ao Manual de Marca Governo MS e seja aplicada corretamente nos sites ms.gov.br

Paleta de Cores


Paleta de Cores do Manual do Governo MS

imagem da paleta de cores do manual do governo MS

Paleta de Cores Estendida

imagem da Paleta de Cores Estendida
Círculo cromático da paleta de cores estendida

O círculo cromático é uma maneira de exibir as famílias do sistema de cores do GDGovMS, dispostas em 360° no modelo de cores HSL. Cada família de cores está localizada com sua posição (em graus) neste modelo.

Abaixo é possível observar o padrão das famílias de cores do GDGovMS dentro de cada círculo cromático.

circulo cromático
Esquema nº 1: Combinações complementares

Cores complementares (conhecidas também como suplementares ou de contraste), são tons que estão em lados opostos uns aos outros no círculo cromático.
Esse esquema de combinações funciona muito bem quando você quer que as cores criem um efeito de vida, energia e principalmente quando você quer alcançar o máximo de saturação.

Esquema nº 2: A tríade – Combinação de três cores

Está é uma combinação de três cores que estão equidistantes uma das outras dentro do círculo, produzindo um efeito de alto contraste, porém sem perder a harmonia. Esse tipo de composição cria uma sensação “vibrante” mesmo quando utilizado cores claras e sem saturação.

Esquema nº 3: Combinações análogas

Utilizando esse esquema você pode combinar de 2 até 5 cores que são adjacentes umas as outras. Isso cria uma impressão de calma e simpatia.

Esquema nº 4: Combinação de quatro cores

Neste caso basta utilizar uma cor primária e duas cores complementares, além de uma cor adicional que acentua as demais.


Esquema nº 5: O quadrado

Utilizando uma combinação de 4 cores equidistantes uma das outras, neste caso os tons diferem uma das outras, mas também são complementares. Isso cria um efeito de dinâmica, vividez e “diversão”.

Esquema nº 4: Combinação em fenda

Está é uma variação da combinação de cores complementares. Neste caso, você escolhe uma cor primária e duas cores complementares (tons que se encontram os dois diametralmente opostos a cor primária). O efeito criado por esse esquema tem mais contraste, porém é um pouco menos intenso.

Combinações de cores individuais

  • Branco: Combina com tudo, principalmente com azul, vermelho e preto;
  • Cinza: Combina com vermelho, violeta, rosa e azul;
  • Rosa: Combina com marrom, branco, verde menta, oliva, cinza, turquesa, azul claro;
  • Fúcsia (rosa escuro): Combina com cinza, amarelo amarronzado, lima, verde menta e marrom;
  • Vermelho: Combina com amarelo, branco, fulvo, verde, azul e preto;
  • Marrom: Combina com creme, rosa, verde, bege e ciano brilhante;
  • Laranja: Combina como ciano, azul, lilás, violeta, branco e preto;
  • Amarelo: Combina com azul, lilás, ciano claro, violeta, cinza e preto;
  • Verde: Combina com marrom dourado, laranja, verde salada, amarelo, marrom, cinza, creme, preto e branco creme;
  • Ciano: Combina com vermelho, cinza, marrom, laranja, rosa, branco e amarelo;
  • Lilás: Combina com laranja, rosa, violeta escuro, amarelo e branco;
  • Preto é a cor universal: Combina com todas as outras cores, especialmente com laranja, rosa, verde salada, branco, vermelho ou amarelo.

Utilizamos cookies para permitir uma melhor experiência em nosso website e para nos ajudar a compreender quais informações são mais úteis e relevantes para você. Por isso é importante que você concorde com a política de uso de cookies deste site.