20 Ideias de Paletas de Cores Monocromáticas com Códigos Hexadecimais

Uma paleta de cores monocromática utiliza um único tom e o estende por matizes, tons e sombras. O resultado é um visual limpo e coeso que parece intencional em UI, branding e interiores.

Abaixo estão 20 combinações monocromáticas tom sobre tom com códigos HEX, além de dicas práticas e exemplos de prompts de IA que você pode reutilizar em seus próprios projetos.

Por Que Paletas Monocromáticas Funcionam Tão Bem

Esquemas de cor monocromáticos reduzem o ruído visual, porque tudo é construído a partir de um tom base único. Isso faz com que layouts pareçam organizados e “projetados”, mesmo com poucos elementos.

Eles também criam hierarquia natural através das variações de valor: tons claros para fundos, tons médios para superfícies e tons profundos para ênfase. Você pode direcionar a atenção sem introduzir cores extras.

Por fim, paletas monotônicas são flexíveis em diferentes meios. O mesmo conjunto de tons e matizes pode ser usado de UI para impressão ou interiores mantendo uma aparência consistente e moderna.

20+ Ideias de Paletas de Cores Monocromáticas (com Códigos HEX)

1) Sálvia Enevoada

HEX: #f2f6f1 #dbe7d7 #b7ceb0 #7ea679 #3f6b45

Clima: fresco, calmo, restaurador

Ideal para: UI de dashboard de app de bem-estar

Fresca e arejada como a névoa da manhã sobre jardins de ervas, esses tons de sálvia transmitem calma instantânea. Use o tom mais claro para fundos, tons médios para cartões e controles e o verde profundo para CTAs principais. Combine com branco quente e texturas granuladas sutis para manter um toque orgânico em vez de clínico. Dica: reserve o tom mais escuro para uma ação por tela, assim mantém uma hierarquia suave, como um spa.

Exemplo de imagem de sálvia enevoada gerada com media.io

Media.io

Media.io é um estúdio de IA online para criar e editar vídeo, imagem e áudio no seu navegador.

Experimente Grátis Agora

2) Floresta Profunda

HEX: #e9f1ea #cfe0d1 #9fbeaa #5f8c73 #1f3f30

Clima: conectada à terra, robusta, premium

Ideal para: embalagem e design de rótulo para marcas outdoor

Conectada à terra e robusta como agulhas de pinheiro e trilhas sombreadas, essa paleta passa sofisticação sem chamar atenção. Use o verde mais escuro em logotipos e textos-chave dos rótulos, deixando os tons médios para blocos, emblemas e padrões. Combine com papel kraft, acabamentos foscos e um toque de preto para definição. Dica: utilize o tom mais claro como espaço negativo ao redor de informações do produto para manter o rótulo legível à primeira vista.

Exemplo de imagem de floresta profunda gerada com media.io

3) Azul-petróleo Oceânico

HEX: #e7f6f7 #bfe7ea #7ccbd1 #2e9ea7 #0b5a63

Clima: limpo, costeiro, confiante

Ideal para: UI de landing page SaaS

Limpo e costeiro como água sob sol, esses tons de azul-petróleo são modernos e confiantes. Use aqua claro para seções, azul-petróleo médio para elementos de destaque e o tom profundo para títulos e botões de destaque. Combine com branco puro e divisores cinza-claro para manter o layout nítido. Dica: use degradês de azul-petróleo apenas em áreas grandes e mantenha componentes menores planos para clareza.

Exemplo de imagem de azul-petróleo oceânico gerada com media.io

4) Azul Gelado

HEX: #f3f8ff #d9e8ff #a9caff #5f95e6 #254a8a

Clima: nítido, preciso, confiável

Ideal para: UI de dashboard de análise financeira

Nítidos e precisos como luz de inverno, esses azuis transmitem confiança e clareza. Use o quase branco para grandes campos, depois azuis médios para séries de gráficos e estados interativos. Combine com cinzas neutros e ícones de linha fina para manter uma sensação organizada. Dica: limite o azul-marinho mais escuro para totais e alertas, guiando o olhar para os números mais importantes.

Exemplo de imagem de azul gelado gerada com media.io

5) Marinho Tempestuoso

HEX: #eef2f7 #cfd9e6 #8aa0bf #3b5477 #121c2b

Clima: sóbrio, editorial, elegante

Ideal para: layout editorial de revista

Sóbrio e elegante como uma tempestade sobre o mar aberto, esses tons marinhos agregam peso editorial instantâneo. Use azul-acinzentado para margens e colunas e o tom mais escuro para títulos e citações. Combine com texturas de papel creme quente ou um toque metálico suave para suavizar a seriedade. Dica: mantenha o corpo do texto na faixa intermediária para facilitar a leitura, reservando o mais escuro apenas para ênfase.

Exemplo de imagem de marinho tempestuoso gerada com media.io

6) Lavanda Empoeirada

HEX: #f7f3fb #e6dcf3 #c7b1e2 #9a78c6 #5a2f86

Clima: romântica, suave, onírica

Ideal para: convite de casamento

Românticos e oníricos como pétalas ao anoitecer, esses tons de lavanda transmitem delicadeza e sofisticação. Uma paleta monocromática como essa funciona lindamente para convites quando se utiliza o tom mais claro para o papel e o roxo profundo para nomes e detalhes-chave. Combine com ilustrações florais finas, sobreposição de vellum ou um toque de dourado quente para contraste. Dica: aumente ligeiramente o espaçamento das letras no tom mais escuro para que textos pequenos não fiquem pesados.

Exemplo de imagem de lavanda empoeirada gerada com media.io

7) Roxo Real

HEX: #f3effb #d8c9f5 #ae90ea #6a3fd1 #2c0b69

Clima: ousado, elétrico, teatral

Ideal para: design de pôster musical

Ousado e teatral como luzes de palco em meio à fumaça, esses roxos entregam drama instantâneo. Use o tom médio mais vibrante para grandes formas e sobreposições, e o violeta profundo para a tipografia. Combine com texto preto ou off-white e uma textura sutil para dar intenção aos degradês. Dica: mantenha apenas uma camada de alta saturação por área focal, assim o pôster permanece impactante e não poluído.

Exemplo de imagem de roxo real gerada com media.io

8) Rosa Suave

HEX: #fff2f6 #ffd6e3 #f7a9c2 #df6e93 #8c2d4d

Clima: delicado, sofisticado, voltado para beleza

Ideal para: embalagem de produtos de skincare

Delicados e sofisticados como uma fita de cetim macio, esses rosas combinam perfeitamente com marcas de beleza. Use o tom rosa mais claro para a base da embalagem, tons médios para painéis ou padrões e o vinho para nomes de produtos. Combine com tipografia sem serifa limpa e um pequeno detalhe metálico quente para um acabamento premium. Dica: imprima o tom mais escuro apenas em elementos pontuais, evitando sobrecarregar o visual delicado.

Exemplo de imagem de rosa suave gerada com media.io

9) Terracota Avermelhada

HEX: #fff1ea #f8d3c2 #e8a382 #c5653f #6f2a1b

Clima: acolhedor, terroso, convidativo

Ideal para: plano de parede de destaque e decoração de café

Quente e terroso como argila exposta ao sol, esses tons de terracota criam um ambiente acolhedor e vivido. Use os tons mais claros em paredes ou tecidos grandes, trazendo o avermelhado para cerâmicas, sinalização ou estofados. Combine com madeiras naturais, texturas trançadas e brancos cremosos para manter o ar leve. Dica: repita o tom médio pelo menos três vezes no espaço para criar um visual intencional e coeso.

Exemplo de imagem de tijolo terracota gerado usando media.io

10) Areia Quente

HEX: #fff8ee #f2e3c8 #d7c09a #b08c5e #6a4a2b

Clima: ensolarado, neutro, atemporal

Ideal para: layout de brochura imobiliária

Ensolaradas e atemporais como dunas ao pôr do sol, esses tons de areia transmitem calma e sofisticação. Use o creme mais claro para o fundo da página e bastante espaço em branco, e depois avance para tons mais escuros nos títulos e destaques. Combine com fotografia limpa e tipografia carvão para legibilidade nítida. Dica: mantenha os gradientes sutis e aposte na textura, como o grão do papel, para adicionar profundidade sem poluir a composição.

Exemplo de imagem de areia quente gerado usando media.io

11) Âmbar Mel

HEX: #fff6e6 #ffe3b3 #ffc86a #e49a2a #8a4f0a

Clima: aconchegante, luminoso, apetitoso

Ideal para: anúncio de produto de vela para e-commerce

Aconchegante e luminoso como mel aquecido em vidro, estes âmbares transmitem sensação acolhedora e apetitoso. Use o tom pálido como fundo limpo, depois coloque o âmbar médio em rótulos, selos e sombras suaves. Combine com neutros quentes e materiais naturais como linho para manter a cena premium. Dica: evite texto em preto puro e opte pelo marrom escuro para um contraste mais suave e acolhedor.

Exemplo de imagem de âmbar mel gerado usando media.io

12) Mostarda Solar

HEX: #fff9e3 #ffefad #ffe074 #e2b536 #8b5a0c

Clima: alegre, energético, amigável

Ideal para: modelo de postagem para mídias sociais para marcas

Alegres e brilhantes como o sol do fim do verão, esses tons de mostarda trazem energia sem ser neon. Combinações monocromáticas funcionam bem em templates sociais quando o texto está no tom mais escuro e tons mais claros preenchem o fundo. Combine com ícones simples e espaço para respiro para o calor não ficar sufocante. Dica: use o tom médio para botões ou adesivos e evite o amarelo mais forte em longos parágrafos.

Exemplo de imagem de mostarda solar gerado usando media.io

13) Olival

HEX: #f4f6ed #dde3c7 #b7c087 #7e8f45 #3e4a1a

Clima: natural, saboroso, sustentável

Ideal para: design de rótulo para alimento orgânico

Natural e saboroso como azeitonas maceradas e folhas frescas, essa gama de oliva comunica sustentabilidade à primeira vista. Use o verde pálido em campos de rótulo, tons médios em padrões da marca e o tom mais escuro para ingredientes e certificações. Combine com papel não revestido e ícones simples, tipo carimbo, para um visual honesto e pronto para a despensa. Dica: mantenha o alto contraste nos textos nutricionais posicionando-os apenas sobre o tom mais claro.

Exemplo de imagem de olival gerado usando media.io

14) Cinza Ardósia

HEX: #f5f7fa #dde3ea #b4bfcd #73859c #2d3642

Clima: profissional, estruturado, calmo

Ideal para: modelo de apresentação B2B

Profissional e estruturado como pedra polida, esses tons de ardósia mantêm o foco na mensagem. Um esquema monocromático como este brilha em apresentações: use o cinza mais claro para os slides, cinzas médios para gráficos e divisores, e o tom mais escuro para títulos. Combine com apenas uma cor de destaque se precisar de referenciais, do contrário, deixe a tipografia fazer o trabalho. Dica: aplique dados e legendas no tom mais escuro e diminua o contraste das linhas de grade para manter os gráficos nítidos.

Exemplo de imagem de cinza ardósia gerado usando media.io

15) Noite Carvão

HEX: #f0f2f4 #c8ccd1 #8a9098 #434952 #0f1216

Clima: elegante, alto contraste, luxuoso

Ideal para: banner principal para site de tecnologia de luxo

Elegante e luxuoso como o skyline de uma cidade à noite, esses tons de carvão são sofisticados e controlados. Use o tom mais escuro como fundo do herói, elevando elementos de UI com cinzas médios e espaços em branco marcados. Combine com reflexos sutis, traços finos e tipografia condensada para sensação premium. Dica: adicione o cinza mais claro como um brilho suave atrás do título para melhorar a leitura sem quebrar a atmosfera.

Exemplo de imagem de noite carvão gerado usando media.io

16) Marrom Cacau

HEX: #fbf4ec #ead8c8 #c9a88d #9a6e52 #4a2a1a

Clima: aconchegante, artesanal, reconfortante

Ideal para: design de quadro de menu para cafeteria

Aconchegante e artesanal como cacau e leite vaporizado, esses marrons tornam cardápios mais acolhedores e com ar de feito à mão. Use o creme mais claro como base, marrons médios para seções e o tom espresso mais escuro para nomes dos itens e preços. Combine com ícones desenhados à mão ou textura sutil de papel para reforçar o clima artesanal. Dica: mantenha um tom consistente nos preços para facilitar a leitura.

Exemplo de imagem de marrom cacau gerado usando media.io

17) Vinho Cereja

HEX: #fff1f4 #f8c8d2 #e58aa0 #b84a66 #5a1124

Clima: romântico, dramático, fashionista

Ideal para: capa de lookbook de moda

Romântico e dramático como veludo vermelho sob luz suave, esses tons de vinho passam confiança e estilo. Use blush pálido como espaço negativo e traga cereja mais escuro para a faixa principal e tipografia destaque. Combine com fotos monocromáticas ou sombras suaves para dar destaque à cor. Dica: restrinja rosas médias a pequenos acentos, como linhas ou números de página, para sofisticação na capa.

Exemplo de imagem de vinho cereja gerado usando media.io

18) Creme de Pêssego

HEX: #fff6f0 #ffe2d1 #ffc1a3 #f28a62 #9a3f23

Clima: doce, suave, acolhedor

Ideal para: design de convite para chá de bebê

Doce e acolhedor como creme de leite batido com pêssegos maduros, esses tons transmitem delicadeza e celebração. Use o pêssego mais claro como fundo, tons médios para balões ou bordas e o coral mais profundo para detalhes do evento. Combine com tipografia arredondada e ilustrações simples para um visual lúdico. Dica: mantenha os textos no tom mais claro para garantir boa leitura ao imprimir.

Exemplo de imagem de creme de pêssego gerado usando media.io

19) Gelato de Menta

HEX: #f1fffb #ccf7eb #8fe6cf #3bb89b #0b5d50

Clima: fresco, divertido, limpo

Ideal para: ilustração botânica em aquarela

Fresco e divertido como gelato de menta em dia quente, esses verdes transmitem leveza e renovação. Use o mais claro para lavagem do papel, menta média para folhas e verde petróleo profundo para talos sombreados e linhas de detalhe. Combine com muito espaço em branco para manter a ilustração arejada. Dica: reserve o tom mais escuro para contornos finos, deixando as aquarelas criarem a profundidade.

Exemplo de imagem de gelato de menta gerado usando media.io

20) Limão Elétrico

HEX: #f6ffe6 #ddff9f #bfff4f #7bdc16 #2e6b00

Clima: energético, esportivo, ousado

Ideal para: cartaz de evento esportivo

Energético e ousado como grama recém-cortada sob luz de estádio, esses tons de limão transmitem rapidez e vigor. Use o limão mais brilhante em formas grandes e destaques, equilibrando o layout com verde escuro para textos e regras. Combine com preto ou branco para manter o contraste bem definido à distância. Dica: evite o tom neon em textos longos, reservando-o para títulos e elementos de direção.

Exemplo de imagem de limão elétrico gerado usando media.io

Quais Cores Combinam com Monocromático?

Paletas monocromáticas combinam muito bem com neutros porque mantêm o conceito de “um tom” enquanto melhoram a legibilidade. Pense em branco quente, cinza suave, carvão ou marrom escuro, dependendo da cor base.

Se quiser mais destaque, adicione um pequeno acento fora da família de tons (como uma cor complementar), mas limite-o a micro-elementos: selos, links ou um único estado de destaque.

A textura é outro forte aliado—grão do papel, acabamentos foscos, ruídos sutis ou materiais naturais podem adicionar profundidade sem introduzir novas cores.

Como Usar uma Paleta de Cor Monocromática em Designs Reais

Comece atribuindo papéis conforme o valor: o tom mais claro para fundos, médios para superfícies (cards, painéis, formas) e o tom mais escuro para ações principais e textos-chave. Assim mantém-se a hierarquia constante.

Para UI, evite usar o tom mais escuro em tudo—reserve para a principal chamada para ação e labels de alta prioridade. Para impressão e branding, priorize contraste em escala e espaçamento para melhor leitura.

Em caso de dúvida, teste a acessibilidade cedo. Um esquema monocromático pode ser elegante, mas seu texto e ícones ainda precisam de contraste suficiente para funcionarem em várias telas e condições de luz.

Crie Visuais de Paletas Monocromáticas com IA

Quer ver suas combinações monocromáticas aplicadas em layouts reais? Gere mockups rápidos—dashboards, cartazes, embalagens ou ambientes—usando apenas uma família de tons consistente e contraste controlado.

Com a ferramenta Text to Image do Media.io, você pode colar um prompt, especificar o estilo (minimalista, editorial, realista) e experimentar até que o equilíbrio tom-sobre-tom fique ideal.

Use os prompts acima como modelos, troque o assunto (UI, rótulo, convite) e mantenha as palavras-chave do seu mood para resultados mais consistentes.

Próximo: Paleta de Cores para Escritório em Casa