HueOdyssey
Abrir navegação
Português (Brasil)
Feita para um caso de uso real

Gerador de paleta de cores para marcas de beleza

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

background#FFF7FA
surface#FFFFFF
secondary#9A7FB7
primary#A44A6F
accent#E1A3B2
muted#76636C
text#30242A

Por que esta paleta funciona

Marcas de beleza se beneficiam de nuances, mas não podem esconder informações do produto em baixo contraste. Separe a atmosfera da marca, a superfície do produto e a ação de compra.

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.