Combinações de cores Violet Blue: 22 paletas e o tom #5a4bff

O azul violeta fica entre a confiança do azul e a imaginação do violeta, tornando-se uma escolha ideal para interfaces modernas, branding e design editorial.

Abaixo estão mais de 20 ideias refinadas de paletas de cores azul violeta com códigos HEX, além de orientações práticas para combinações, contraste e uso real.

Por que as paletas azul violeta funcionam tão bem

O azul violeta é uma “cor ponte” que transmite confiança e expressão. Possui a estabilidade associada ao azul, enquanto adiciona um toque criativo sutil vindo do roxo.

No design digital, o azul violeta é limpo e oferece alto contraste diante de matizes suaves, combinando bem tanto com neutros frios (prata, ardósia, branco quebrado) quanto com acentos quentes (ouro, argila, coral).

No branding e na impressão, o azul violeta pode mudar o clima facilmente: misturas mais profundas à base de índigo têm aparência premium e cinematográfica, enquanto tons pervinca ficam leves, amigáveis e modernas.

20+ Ideias de Paleta de Cores Azul Violeta (com Códigos HEX)

1) Íris da Meia-Noite

HEX: #1b1533 #2a1f5e #4633b9 #7a6cff #e9e6ff

Clima: cinematográfico, ousado, misterioso

Melhor para: página inicial e navegação de SaaS

Cinematográficos e noturnos, esses tons lembram luzes da cidade refletidas em veludo profundo. Use o tom mais escuro para cabeçalhos e navegação; o núcleo azul violeta para botões principais e links. Combine com brancos suaves com toque lilás para manter a leitura clara sem parecer estéril. Dica: Reserve o tom mais claro para fundos grandes, para realçar os tons médios.

Exemplo de imagem de íris da meia-noite gerada usando media.io

Media.io

O 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) Névoa Pervinca

HEX: #f4f2ff #dcd8ff #a9a2ff #6b63f6 #2c2a7a

Clima: leve, calmo, otimista

Melhor para: telas de onboarding de aplicativo de bem-estar

Aérea e suave, essa combinação lembra névoa matinal com toque de pervinca. Deixe o layout espaçoso com os tons claros e use o azul-violeta saturado nos estados de progresso e ações principais. O índigo profundo garante que ícones e rótulos importantes estejam legíveis em fundos claros. Dica: use o lavanda médio em degrade para suavidade sem ruído visual.

Exemplo de imagem de névoa pervinca gerada usando media.io

3) Pop Violeta Elétrico

HEX: #0f1026 #2d2a8c #5a4bff #ff4fd8 #f2f4ff

Clima: energético, divertido, alto contraste

Melhor para: design de cartaz para evento musical

Vibrante e elétrico, remete a um show noturno com detalhes de neon. Deixe o azul-violeta dominar manchetes e formatos principais, enquanto magenta vira destaque contido para datas ou chamadas. A base quase preta fundamenta tudo e permite o brilho das cores. Dica: mantenha o magenta em menos de 15% do layout para ser apenas um destaque, não dominante.

Exemplo de imagem de pop violeta elétrico gerada usando media.io

4) Tinta Real e Prata

HEX: #14112a #2b235a #4b3fbf #bfc5d8 #f6f7fb

Clima: premium, editorial, refinado

Melhor para: identidade visual e papelaria de luxo

Elegantes e refinadas, estas cores lembram tinta em papel grosso com brilho metálico frio. Use o azul escuro (tinta) em logos e tipografia, o azul-violeta para monogramas e marcas gráficas. Prata acinzentada é um ótimo neutro para linhas, selos e padrões sutis. Dica: imprima o tom mais escuro como preto rico para um acabamento sofisticado e suave.

Exemplo de imagem de tinta real e prata gerada usando media.io

5) Creme de Lápis-lazúli e Lavanda

HEX: #2a2c8a #5247d6 #9b8cff #f3e7ff #fff6e8

Clima: suave, romântico, acolhedor

Melhor para: convite de casamento

Romântica e luminosa, inspira pétalas de lavanda à luz de vela. Use o creme como base do papel, e azul-violeta para nomes e títulos. O lavanda rosado é ótimo para bordas, ícones e detalhes delicados. Dica: use o tom lápis mais profundo para texto corrido, promovendo contraste suave.

Exemplo de imagem de creme de lápis-lazúli e lavanda gerada usando media.io

6) Viagem Cósmica de Berry

HEX: #0b0d1e #2b1b5a #4f3adf #a24bff #ffd1f3

Clima: onírico, cósmico, expressivo

Melhor para: anúncio de produto de beleza

Onírico e cósmico, parece poeira estelar se dissolvendo em névoa de berry. Essas combinações azul violeta brilham em anúncios com muitos gradientes, onde índigo profundo desbota em detalhes roxos brilhantes. Mantenha o rosa pálido apenas como destaque de brilho, não como fundo completo. Dica: adicione granulação suave aos gradients para evitar faixas nas exportações sociais.

Exemplo de imagem de viagem cósmica de berry gerada usando media.io

7) Ardósia Jeans Tempestuosa

HEX: #1a2238 #2f3a66 #4553a6 #8a93c6 #e6e9f4

Clima: fria, confiável, profissional

Melhor para: painel de controle e visualização de dados B2B

Fria e confiável, lembra nuvens tempestuosas sobre jeans desgastado. Use azuis ardósia em gráficos e estados de hover; o cinza-azulado claro como fundo de painéis. O azul marinho mais escuro estrutura tabelas, barras de ferramentas e itens da barra lateral. Dica: limite tons médios de azul-violeta a métricas importantes para não sobrecarregar as telas de análise.

Exemplo de imagem de ardósia jeans tempestuosa gerada usando media.io

8) Noite Neon de Ametista

HEX: #070716 #22104f #4a2cff #00d4ff #f7f2ff

Clima: futurista, nítido, energético

Melhor para: gráficos de overlay para streaming de games

Futurista e marcante, evoca letreiros de neon em um fliperama escuro. Azul-violeta domina molduras e painéis, enquanto o ciano destaca alertas e labels “ao vivo”. O branco levemente acinzentado mantém a leitura de textos pequenos sem escurecer o overlay. Dica: aplique ciano apenas em elementos em movimento para direcionar a atenção.

Exemplo de imagem de noite neon de ametista gerada usando media.io

9) Orquídea de Safira e Argila

HEX: #1e1b4b #3f3aa8 #7a6cff #d7c4ff #c6a18a

Clima: artístico, moderno, levemente quente

Melhor para:quadro de inspiração de interiores de boutique

Artístico e moderno, mistura safira fria com suavidade de orquídea e um toque de calor argiloso. Use o azul-violeta e o lilás suave em têxteis e detalhes nas paredes, depois deixe o tom de argila aparecer na madeira, couro ou cerâmica. O índigo profundo funciona como tinta base ou acabamento metálico. Dica: repita o tom de argila pelo menos duas vezes para evitar que a paleta fique muito fria.

Exemplo de imagem de safira, orquídea e argila gerada utilizando media.io

10) Violet Glacier Minimalista

HEX: #f8f9ff #e6e9ff #b8c0ff #6a74ff #2a2f6e

Clima:limpo, minimalista, voltado para tecnologia

Melhor para:componentes de UI móvel para fintech

Limpo e glacial, sugere vidro fosco com tonalidade violeta. Este esquema de cores azul-violeta funciona bem para UI de fintech porque transmite precisão sem ser frio. Use os tons claros em cartões e superfícies, depois aplique azul-violeta saturado em ações primárias e abas ativas. Dica: mantenha as cores de erro e sucesso suaves para que o tom principal seja âncora da marca.

Exemplo de imagem do violet glacier minimalista gerado usando media.io

11) Indigo Ameixa Veludo

HEX: #120a1f #2a0f3d #3b2aa3 #7d4aa8 #f0d7ff

Clima:dramático, luxuoso, íntimo

Melhor para:design de menu de bar de coquetéis

Dramático e aveludado, lembra cabines à luz de velas e cortinas macias. Use ameixa quase preta na base do menu, depois destaque títulos de seção com azul-violeta para um brilho refinado. O tom lilás-rosado pode realçar especiais sem deixar o visual infantil. Dica: adicione bastante espaço negativo para que fundos escuros pareçam premium, não pesados.

Exemplo de imagem de indigo ameixa veludo gerado usando media.io

12) Violáceo Céu Cítrico

HEX: #f2f7ff #8f9bff #4b52d9 #2b2d6f #ffcc4d

Clima:brilhante, moderno, chamativo

Melhor para:carrossel de mídia social para startup

Brilhante e moderno, lembra céu limpo interrompido por um flash cítrico confiante. Use a faixa azul-violeta para títulos e formas, reserve o amarelo para números-chave, CTAs ou adesivos. O marinho mantém textos pequenos legíveis e evita que o carrossel pareça lavado. Dica: coloque amarelo em blocos sólidos, não em linhas finas, para evitar vibração nas telas.

Exemplo de imagem do Violáceo Céu Cítrico gerado usando media.io

13) Crepúsculo Hortênsia

HEX: #1a133a #3b2f7a #5c55d6 #b1a9ff #efeaff

Clima:delicado, floral, nostálgico

Melhor para:conjunto de ilustrações botânicas de primavera

Delicado e floral, lembra flores de hortênsia desvanecendo ao crepúsculo. Pinte pétalas com lilás suave e tons de pervinca, depois use índigo escuro para hastes, sombras e contornos. O azul-violeta brilhante é ideal para flores focais ou motivos decorativos. Dica: mantenha lavagens translúcidas para que a paleta continue leve, não pesada.

Exemplo de imagem de crepúsculo hortênsia gerado usando media.io

14) Milkshake de Mirtilo

HEX: #fff7ff #e7dcff #b7a6ff #6a5cff #3a2a7a

Clima:doce, suave, amigável

Melhor para:branding de aplicativo educacional infantil

Doce e amigável, lembra milkshake de mirtilo com toque cremoso. Use tons suaves para fundos e cartões arredondados, depois destaque azul-violeta saturado para mascotes, insígnias e estados interativos. O azul-roxo mais profundo ajuda ícones a se destacarem sem parecer rude. Dica: mantenha a tipografia no tom mais escuro e reserve a cor mais brilhante para recompensas.

Exemplo de imagem de milkshake de mirtilo gerado usando media.io

15) Berinjela e Espuma do Mar

HEX: #140b21 #3a1a5a #4d3cff #7fe7d6 #f4fff9

Clima:inesperado, fresco, contemporâneo

Melhor para:atualização de site para agência criativa

Inesperado e fresco, combina profundidade de berinjela com leveza de espuma do mar. Essas combinações azul-violeta funcionam melhor quando espuma do mar aparece só em destaques para hover, links ou pequenas ilustrações. Use roxo-preto profundo para momentos tipográficos e para enquadrar o layout. Dica: teste texto em espuma do mar em fundos claros e troque por contornos se o contraste cair.

Exemplo de imagem de berinjela e espuma do mar gerado usando media.io

16) Dourado Veludo ao Anoitecer

HEX: #0d0b1c #2a2358 #5b4cff #a99bd6 #d6b14a

Clima:opulento, soturno, festivo

Melhor para:embalagem premium para velas

Opulento e soturno, lembra veludo ao anoitecer com brilho dourado quente. Use azul-violeta como cor principal da marca nos rótulos, depois coloque dourado em detalhes ou linhas finas. O tom malva mantém informações secundárias calmas e elegantes. Dica: use dourado em elementos pequenos e impactantes para transmitir premium sem ser chamativo.

Exemplo de imagem de dourado veludo ao anoitecer gerado usando media.io

17) Faísca Coral Ultravioleta

HEX: #1a0f2e #3620a6 #5f55ff #ff6b6b #fff0f0

Clima:ousado, jovem, otimista

Melhor para:cabeçalho de email de lançamento de produto

Ousado e otimista, parece luz ultravioleta com explosão em coral. Use azul-violeta no bloco principal e navegação, depois destaque a oferta e contagem regressiva com coral. O fundo blush suave mantém a mensagem amigável, não agressiva. Dica: faça do coral o único destaque quente no layout para manter o foco.

Exemplo de imagem de faísca coral ultravioleta gerado usando media.io

18) Gradiente Nebulosa Desbotada

HEX: #0b0a22 #24106e #4f3adf #7a6cff #d9d1ff

Clima:atmosférico, moderno, imersivo

Melhor para:tela de splash e gradientes de aplicativos

Atmosférico e imersivo, lembra uma nebulosa flutuando do espaço profundo para uma luz suave. Crie gradientes do índigo ao azul-violeta, depois desbote para o lilás pálido para brilho premium. Mantenha ícones simples e use o tom mais escuro na área da barra de status. Dica: adicione vinheta sutil para enquadrar o logo central e evitar gradiente plano demais.

Exemplo de imagem de gradiente nebulosa desbotada gerado usando media.io

19) Estúdio Clássico Azul-Violeta

HEX: #10122a #2c2e78 #4b52d9 #9aa3ff #f5f6ff

Clima:confiante, equilibrado, versátil

Melhor para:capa e slides de guia de marca

Confiante e equilibrado, lembra estúdio bem iluminado onde cada detalhe é intencional. Uma paleta azul-violeta como essa é versátil para apresentações: marinho profundo em títulos, azul-violeta médio em gráficos e tons claros em divisores de seção. O pervinca claro mantém páginas longas leves. Dica: atribua papéis a cada tom em seu sistema de slides para consistência.

Exemplo de imagem de estúdio clássico azul-violeta gerado usando media.io

20) Azul-Violeta e Sálvia Calma

HEX: #f2f3ff #a9b0ff #5b4cff #6b8f7a #1f2b3a

Clima:calmo, natural, equilibrado

Melhor para:design de rótulo ecológico

Calmo e equilibrado, combina azul-violeta frio com sálvia botânica suave. Use sálvia em painéis secundários, destaques de ingredientes ou ícones, enquanto azul-violeta segura o símbolo da marca e principais atributos. O azul-cinza escuro substitui preto duro e mantém o rótulo natural. Dica: teste de impressão em papel poroso para evitar que o tom claro desapareça.

Exemplo de imagem de azul-violeta e sálvia calma gerado usando media.io

21) Lilás Cristal Noite

HEX: #0f0b24 #2a1b5a #4633b9 #a39bff #ffffff

Clima:elegante, luminoso, moderno

Melhor para:tema de slide para keynote tecnológico

Elegante e luminoso, lembra luz cristal cortando sala escura. Use o fundo profundo para slides de fundo total, depois coloque números grandes e gráficos em azul-violeta brilhante. O branco clareia mensagens, enquanto lilás suave ajuda gráficos secundários e rodapés a se lerem sem distração. Dica: aumente peso das linhas em fundos escuros para evitar que detalhes sumam no projetor.

Exemplo de imagem de lilás cristal noite gerado usando media.io

22) Grade Violetada Congelada

HEX: #f7f8ff #d7dcff #9aa3ff #5a4bff #2a2f6e

Clima:organizado, nítido, contemporâneo

Melhor para:UI de grade de produtos para ecommerce

Organizado e nítido, lembra vidro fosco sobre grade arrumada. Use tons mais claros como fundo da página e cartões, depois aplique azul-violeta em destaques de preços e ações primárias. Índigo profundo é perfeito para filtros, cabeçalhos fixos e estados focados. Dica: mantenha bordas sutis e use espaçamento e variações de tom para separar produtos.

Exemplo de imagem de grade violetada congelada gerada usando media.io

Quais cores combinam bem com azul violeta?

Neutros frios como prata, ardósia e branco sujo tornam azul-violeta mais nítido e “voltado para tecnologia”, especialmente em UI onde contraste e hierarquia são importantes.

Destaques quentes como dourado, argila, creme e blush suave ajudam a equilibrar o frescor do azul-violeta e dão toque premium e humano a embalagens, decoração e layouts editoriais.

Para contraste ousado, experimente pop de alto cromatismo como ciano, coral ou magenta — mas mantenha controlados para que azul-violeta seja o âncora principal da marca.

Como usar uma paleta de azul violeta em projetos reais

Atribua papéis a cada tom: fundo profundo para cabeçalhos/navegação, azul-violeta médio para ações primárias e tons claros para superfícies e espaçamento. Isso mantém telas legíveis e consistentes entre componentes.

Em impressão e branding, troque preto duro por índigo profundo e use azul-violeta para assinaturas (monogramas, linhas, ícones). O resultado é refinado e legível.

Se você depende de gradientes, adicione um leve granulado e teste as exportações em várias telas para evitar banding e garantir que o seu azul violeta permaneça suave.

Crie visuais de paleta azul violeta com IA

Quer ver essas combinações de azul violeta aplicadas em layouts reais—cartazes, telas de UI, embalagens ou mood boards? Gere mockups rápidos a partir de um simples prompt e itere em minutos.

Use palavras-chave consistentes (ex.: “UI vetorial clean”, “foto de estúdio”, “cartaz pronto para impressão”) e inclua o clima inspirado no HEX que você escolheu para que os visuais correspondam ao seu estilo desejado.

Quando encontrar uma direção de que goste, mantenha a mesma estrutura de prompt e apenas altere os acentos da paleta para criar uma série coesa.

Próximo: Paleta de Azul Médio