22 melhores combinações de cores lilás e azul com códigos HEX

Azul e lilás ocupam aquele ponto ideal entre o azul calmo e o lavanda romântico, tornando-se uma base versátil para sistemas de design modernos e identidades de marca.

Abaixo estão 20 combinações de lilás e azul cuidadosamente selecionadas com códigos HEX, além de prompts que você pode usar para gerar visuais combinando com o Media.io.

Por que combinações de lilás e azul funcionam tão bem

Azul lilás reúne a confiança e clareza do azul com a suavidade do lavanda, criando uma aparência profissional e ao mesmo tempo emocionalmente acolhedora. É especialmente eficaz quando se busca um “premium sereno” sem ser estéril.

Como a maioria das combinações de lilás e azul inclui tons claros e um ou dois pontos de âncora mais índigo, elas são fáceis de adaptar para estados de UI, layouts impressos e sistemas de marca. Você tem fundos suaves, tipografia legível e contraste claro para CTA na mesma família de cores.

Também combinam suavemente com neutros, metálicos e tipografia moderna, o que ajuda a manter a combinação atemporal. Seja em tons pastéis sonhadores ou neon dramático, o azul lilás se adapta sem perder a coesão.

20+ Combinações de Lilás e Azul (com códigos HEX)

1) Céu Lilás Enevoado

HEX: #B7A7E8 #8FB6FF #F2EFFF #5E6AAE #E6F0FF

Clima: leve, calmo, sonhador

Melhor para: telas de introdução de apps

Aéreos e leves, esses tons de lilás e azul parecem nuvens da manhã com uma leve névoa violeta. Use os tons claros para fundos e reserve o índigo para títulos e CTAs para manter o contraste acessível. Combine com brancos limpos e ícones arredondados para uma experiência amigável na primeira navegação. Dica: aplique o lilás como um gradiente sutil atrás das ilustrações principais para direcionar a atenção sem ruído visual.

Exemplo de imagem de céu lilás enevoado gerado usando o media.io

Media.io

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

Experimente grátis agora

2) Nuvem Pervinca

HEX: #A8B7FF #C7B5F3 #F2F0FF #6C74C9 #2F335E

Clima: sofisticado, tecnológico, sereno

Melhor para: UI de dashboard SaaS

Sofisticada e tranquila, esta paleta de lilás e azul lembra neblina pervinca sobre um horizonte silencioso. Use o lavanda quase branco em tabelas e painéis, trazendo o azul marinho para navegação e rótulos. O intermediário pervinca funciona bem em gráficos e estados ativos sem excesso de destaque. Dica: mantenha a saturação baixa nos gráficos e reserve o azul marinho mais forte para métricas prioritárias.

Exemplo de imagem de nuvem pervinca gerado usando media.io

3) Crepúsculo Íris

HEX: #7A86D9 #B59AE6 #D8D0FF #3E457A #F6F3FF

Clima: suave, premium, levemente misterioso

Melhor para: branding para estúdio de bem-estar

Suave com uma certa profundidade do crepúsculo, a combinação de lilás e azul evoca pétalas de íris contra o céu escurecendo. Use os tons lavanda claros para espaços abertos e o índigo escuro para logos ou sinalização que precise de autoridade. Para uma identidade coesa, mantenha fotos em tons frios e permita que a paleta azul lilás transmita o calor emocional através do violeta suave. Dica: escolha acabamentos foscos para que os tons escuros soem calmos e não agressivos.

Exemplo de imagem de crepúsculo íris gerado usando media.io

4) Buquê Azul Lilás

HEX: #BFA9F2 #9DB8FF #E9E2FF #6A77B8 #F7F3FF

Clima: romântico, primaveril, delicado

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

Romântica e com clima de primavera, essa combinação azul lilás lembra hortênsias e lilases pintadas em aquarela suave. Use os tons pastéis para formar pétalas e céu e contorne apenas com o índigo suave para manter a ilustração leve. Combine com texturas de papel creme e tipografia mínima para um efeito de galeria. Dica: mantenha as bordas suaves e reserve o tom escuro para centros e hastes, adicionando profundidade.

Exemplo de imagem de buquê azul lilás gerado com media.io

5) Violeta em Pó Minimalista

HEX: #C9B8F5 #A6C3FF #F4F1FF #7079C8 #3B3F6B

Clima: limpo, minimalista, moderno-suave

Melhor para: papelaria e cartões de notas

Limpa e minimalista, esta paleta de lilás e azul lembra papel de algodão com pó violeta. Use o tom mais claro como fundo e imprima linhas e ícones pequenos no índigo intermediário para um acabamento refinado. O azul marinho escuro é ideal para nomes, monogramas ou um título ousado. Dica: prefira margens generosas e mantenha o lilás como sutil, não como bloco de cor.

Exemplo de imagem de violeta em pó minimalista gerado com media.io

6) Noite Neon Lilás

HEX: #9A8CFF #C7A1FF #1F2452 #5F6BFF #EAE7FF

Clima: ousado, noturno, energético

Melhor para: cartaz de evento musical

Ousada e noturna, sugere luzes da cidade refletindo em calçadas molhadas com brilho violeta. Crie uma base escura com o azul marinho e depois use o pervinca elétrico e o lilás para a tipografia e formas principais. Este esquema azul lilás combina especialmente bem com padrões geométricos e tipografias condensadas. Dica: limite os detalhes brilhantes ao título e data para manter a leitura à distância.

Exemplo de imagem de noite neon lilás gerado com media.io

7) Geada de Lavanda

HEX: #D2C6FF #A9C7FF #F8F6FF #7C86D6 #4A4F7F

Clima: fresco, limpo, estilo spa

Melhor para: embalagens e rótulos de skincare

Fresca e com clima de spa, essa combinação de lilás e azul lembra água gelada de lavanda com um toque azul esfriando. Use a base quase branca para frascos e caixas e aplique o índigo intermediário nas listas de ingredientes para um acabamento clínico e confiável. Combine com prata ou verniz acetinado para valorizar o lilás claro sem exagero. Dica: use o tom escuro na marca para garantir legibilidade em embalagens curvas.

Exemplo de imagem de geada de lavanda gerado com media.io

8) Chá de Hortênsia

HEX: #B8B0FF #9EC0F7 #EFEAFF #6B73B7 #2E325C

Clima: aconchegante, convidativo, delicado

Melhor para: design de menu para café

Aconchegante e delicada, lembra uma cafeteria tranquila com hortênsias no balcão. Use o lavanda claro como fundo do menu, e os tons escuros para seções e preços para fácil leitura. Combine com texturas de papel quente e ilustrações simples para acolher. Dica: destaque itens sazonais com o pervinca para que se destaquem sem parecer promoção.

Exemplo de imagem de chá de hortênsia gerado com media.io

9) Órbita Suave

HEX: #C6B3FF #8FB7FF #F4F2FF #6470D1 #3A3E66

Clima: lúdico, leve, moderno

Melhor para: templates de carrossel para redes sociais

Divertida e leve, essa combinação traz um clima suave e etéreo, como planetas feitos de giz em tons pastel. Use a base pálida para criar respiro visual e alterne painéis lilás e azul claro para dar ritmo aos slides. Essas combinações de azul e lilás brilham com formas simples, adesivos e títulos curtos e marcantes. Dica: mantenha o texto em um cinza-ardósia escuro e reserve o azul mais vibrante para botões ou indicações de interação.

Exemplo de imagem de “soft orbit” gerada pelo media.io

10) Brisa de Ametista

HEX: #B39DFF #A7C9FF #EDE8FF #7B84CC #545A86

Clima: relaxado, arejado, contemporâneo

Melhor para: moodboard de design de interiores

Relaxada e arejada, esta paleta de azul e lilás lembra cortinas iluminadas pelo sol com um toque suave de ametista. Use os tons mais suaves para pintura de parede e têxteis, ancorando o ambiente com detalhes em ardósia em luminárias ou armários. Combine com carvalho claro, aço escovado e muita luz natural para um visual contemporâneo. Dica: repita o azul indigo médio em pequenos objetos decorativos para criar coesão sem escurecer o espaço.

Exemplo de imagem de “brisa de ametista” gerada pelo media.io

11) Circuito Pastel

HEX: #AEBBFF #CBB6FF #F6F4FF #5F6ED6 #262B55

Clima: sofisticado, calmo, confiável

Melhor para: interface de app fintech

Sofisticada e calma, essa combinação de azul e lilás lembra circuitos limpos desenhados com tinta pastel. Use o fundo quase branco para manter as telas claras e apoie-se no azul-marinho profundo para números e funções críticas. O azul intermediário é ótimo para estados selecionados e indicadores de progresso, sem gerar tons de alerta. Dica: reserve o lilás para elementos de suporte na interface, como tags, dicas ou metas de economia.

Exemplo de imagem de “circuito pastel” gerada pelo media.io

12) Jeans Lilás

HEX: #B7B2F0 #93B5F0 #F1F0FF #6B6FB4 #2D315D

Clima: casual, descolado, moderno

Melhor para: banner de e-commerce

Casual e descolada, esta combinação de azul e lilás mistura-se como um jeans lavado com um subtom lilás. Utilize o fundo claro para manter destaque no produto, e enquadre as ofertas com tons de pervinca e azul-denim. Combine com fotografias de produto neutras e fontes sem serifa simples para manter o foco nos itens. Dica: destaque o botão de CTA no marinho profundo para se destacar sem exagero.

Exemplo de imagem de “jeans lilás” gerada pelo media.io

13) Degradê Cristalino

HEX: #D6CCFF #A8C8FF #F9F7FF #8B95E6 #4B4F86

Clima: etéreo, moderno, brilhante

Melhor para: pôster de degradê abstrato

Etérea e brilhante, essa combinação transmite a sensação de luz atravessando um prisma de cristal. Construa um degradê suave do lavanda claro ao azul celeste e aplique um destaque mais escuro apenas para o texto. Complete com formas minimalistas e muito espaço em branco para um visual de pôster de galeria. Dica: mantenha a textura de grão bem sutil para não “poluir” o degradê.

Exemplo de imagem de “degradê cristalino” gerada pelo media.io

14) Orquídea do Crepúsculo

HEX: #C3A8FF #9CB9FF #F5F1FF #6E73C9 #3C3F70

Clima: romântica, elegante, levemente dramática

Melhor para: conjunto de convite de casamento

Romântica e com um toque de drama suave, essa combinação azul-lilás lembra orquídeas ao anoitecer à luz de velas frias. Use o tom mais claro como base do papel e imprima nomes e detalhes importantes no índigo profundo para contraste clássico. Para um resultado refinado, combine com florais ilustrados delicados e forro de envelope em marfim aquecido. Dica: mantenha os enfeites mínimos e use o espaçamento da tipografia para transmitir luxo.

Exemplo de imagem de “orquídea do crepúsculo” gerada pelo media.io

15) Pétala Prateada

HEX: #CEC2FF #B3CCFF #F7F6FF #7B83D9 #585D8A

Clima: delicado, sofisticado, limpo

Melhor para: embalagem de marca de joias

Delicada e sofisticada, essa paleta lembra pétalas prateadas salpicadas com lilás frio. Mantenha as caixas e papéis de seda nos tons claros, destacando detalhes como logo ou fita no índigo intermediário. Complete a experiência com acabamentos metálicos e toque aveludado para um unboxing premium. Dica: use o ardósia escuro com moderação, só para textos pequenos ou mensagens na tampa interna.

Exemplo de imagem de “pétala prateada” gerada pelo media.io

16) Malva do Horizonte

HEX: #BCAEFF #9BBFFF #F3F0FF #6A7BD0 #2B2F57

Clima: profissional, calma, contemporânea

Melhor para: apresentação de slides

Profissional e calma, lembra um horizonte tingido de malva ao entardecer. Use a base pálida na maioria dos slides e destaque gráficos e informações importantes com o azul médio para maior clareza. O marinho profundo é ideal para divisórias de seção e títulos, mantendo a apresentação nítida nas salas de reunião. Dica: limite elementos de destaque a um por slide para que a paleta se mantenha sofisticada.

Exemplo de imagem de “malva do horizonte” gerada pelo media.io

17) Pop de Lilás com Frutas Silvestres

HEX: #B8A2FF #85B5FF #F6F3FF #6B62E6 #3A2F6E

Clima: divertido, vibrante, jovem

Melhor para: capa de podcast

Divertida e vibrante, a paleta remete a um pop de lilás com frutas silvestres contrastando com azuis frios. Use o índigo-lilás mais intenso para o título do programa e deixe o lilás claro acolher o fundo. Complete com fonte sem serifa marcante e um ícone ilustrado simples para rápida identificação em tamanho miniatura. Dica: teste a legibilidade em escalas pequenas e aumente o contraste com o violeta escuro se necessário.

Exemplo de imagem de “pop de lilás com frutas silvestres” gerada pelo media.io

18) Ameixa Gélida

HEX: #CBB7FF #A0C2FF #F8F6FF #6E6AD8 #2A2A55

Clima: editorial, refinado, frio

Melhor para: layout de revista editorial

Refinada e fria, a mistura de azul e lilás lembra ameixa coberta de gelo contra um céu de inverno brilhante. Use tons claros para margens generosas e legendas, ancorando títulos em marinho profundo. Em páginas de moda e cultura, azul com lilás funciona muito bem com fotos em tons de cinza e regras minimalistas. Dica: mantenha blocos de destaque pequenos e use o indigo médio em citações para guiar a leitura.

Exemplo de imagem de “ameixa gélida” gerada pelo media.io

19) Cinza-violeta Suave

HEX: #CFC9E8 #A9B6D9 #F5F4FA #6A6F9C #2F324A

Clima: sóbria, arquitetônica, discreta

Melhor para: site portfólio de arquitetura

Sóbria e arquitetônica, essa paleta lembra concreto em cinza-violeta banhado por um céu frio. Use o quase branco como fundo da página e configure navegação e legendas no carvão para clareza. O cinza-lilás médio funciona bem para separadores e sobreposições discretas em fotos de projetos. Dica: mantenha o uso da cor de destaque consistente em links e hovers para um ritmo visual limpo e profissional.

Exemplo de imagem de “cinza-violeta suave” gerada pelo media.io

20) Brilho do Oceano Lilás

HEX: #BCA6FF #8FBFFF #F7F5FF #6A79E0 #2A2F63

Clima: fresco, confiante, moderno

Melhor para: landing page de lançamento de produto

Fresca e confiante, sugere um brilho oceânico com luz lilás no horizonte. Use o fundo pálido para manter o layout leve e destaque seções importantes com painéis azuis e degradês de lilás. Uma paleta assim combina bem com renders minimalistas e muito espaço em branco. Dica: configure o CTA principal no marinho profundo e adicione uma sombra lilás sutil para torná-lo clicável sem brilho neón.

Exemplo de imagem de “brilho do oceano lilás” gerada pelo media.io

Quais cores combinam bem com azul lilás?

Azul e lilás ficam lindos combinados com neutros como branco, marfim suave e cinza claro frio, mantendo layouts brilhantes e modernos. Para contraste em tipografia e UI, marinho profundo, carvão e indigo-escuro são os melhores pilares.

Para mais calor, use blush suave, rosa antigo ou bege-champanhe em pequenas doses—criando um “romantic tech” sutil sem ficar açucarado. Para um visual mais premium, prateados e cromados também vão bem com o fundo lilás-azulado.

Para combinações mais ousadas, tente toques de pervinca elétrica, cobalto ou até violeta neon sobre fundo escuro. Limite o destaque intenso a CTAs ou títulos para garantir legibilidade.

Como usar uma combinação de lilás e azul em designs reais

Na interface, use o lilás ou lavanda mais claro como fundo principal e o azul/pervinca médio para estados interativos (abas, hovers, progresso). Reserve o navy/indigo mais escuro para texto crítico, navegação e botões principais.

No impresso (embalagem, convites, papelaria), azul-lilás se destaca quando se aproveita espaços negativos e usa o tom escuro com moderação para nomes, títulos e detalhes finos. Papéis foscos e acabamentos aveludados tornam a paleta mais premium e calma.

Para branding, mantenha a fotografia em tons frios e deixe o lilás estabelecer o tom emocional. Um indigo consistente no logo, tipografia e componentes da interface ajuda a manter o sistema coeso em todas as plataformas.

Crie visuais de paleta lilás e azul com IA

Se você já tem códigos HEX, é possível montar visuais consistentes descrevendo um layout (pôster, UI, embalagem) e indicando quais cores dominam. Isso facilita a criação de moodboards, conceitos para o cliente ou direções de marca rapidamente.

Experimente reutilizar os prompts acima e trocar os temas (ex: “landing page” por “tela de app móvel”) mantendo as cores dominantes. Assim, você cria variações coerentes sem precisar recomeçar do zero.

Próximo: Paleta de Cores Rosa Lavanda