HueOdyssey
Abrir navegação
Português (Brasil)
Guia prático da paleta

Paletas de cores retrô

Explore paletas de cores retrô com sete funções semânticas, contraste acessível, prévia em uma interface real e valores HEX prontos para CSS.

background#FFF7E6
surface#FFFFFF
secondary#2A9D8F
primary#D95D39
accent#E9C46A
muted#687272
text#263238

Por que esta paleta funciona

O estilo retrô aceita combinações vibrantes, mas ainda precisa de uma hierarquia atual. Escolha uma cor dominante, uma de apoio e um destaque para que a referência histórica não prejudique a clareza.

As sete cores são distribuídas entre ação principal, apoio secundário, destaque, fundo, superfície, texto e conteúdo atenuado. Essa organização torna a paleta útil além de um painel de referências.

Como usar

Priorize uma ação

Use a cor principal em chamadas para ação e links, não em todos os elementos decorativos.

Proteja o contraste de leitura

Mantenha o texto sobre fundos e superfícies que atendam ao nível WCAG AA.

Reserve o destaque

A cor de destaque funciona melhor em etiquetas, ênfases e momentos que precisam de atenção.

Direções relacionadas

Perguntas frequentes

Posso usar estas cores em um projeto comercial?

Sim. Valores HEX são dados de cor, não recursos licenciados. Adapte a paleta à sua interface e ao contexto da sua marca.

A paleta atende aos requisitos WCAG?

A função de texto é verificada sobre fundo e superfície. Verifique o contraste novamente depois de alterar cores, fonte, tamanho ou peso.