Paleta de Cores Azul, Verde e Roxo: 20 Inspirações com Códigos Hex

Azul, verde e roxo criam um equilíbrio único entre calma e energia—perfeito para marcas modernas que querem transmitir confiança, frescor e aquele toque de surpresa.

Abaixo estão mais de 20 combinações de cores azul, verde e roxo com códigos HEX, além de dicas práticas de combinação para UI, branding, impressão e designs para redes sociais.

Por que paletas de azul, verde e roxo funcionam tão bem

Azul transmite clareza e confiança, verde traz frescor e equilíbrio, e o roxo adiciona imaginação e um toque sofisticado. Juntos, cobrem tanto o “confiável” quanto o “expressivo”, por isso são populares em SaaS, fintech, wellness e campanhas criativas.

Este trio funciona bem tanto em modo claro quanto escuro. Azuis profundos e índigos criam estrutura forte, enquanto teal e violeta entregam destaques marcantes sem perder a coesão.

Como os tons ficam próximos o suficiente para se misturarem (ótimo para gradientes), mas diferentes o suficiente para separar estados de UI, um esquema de cores azul, verde e roxo ajuda a criar hierarquia sem precisar de cores extras.

20+ ideias de paletas de azul, verde e roxo (com códigos HEX)

1) Aurora Lagoon

HEX: #0B3D91 #0FB9B1 #6C5CE7 #B8F2E6 #1B1F3B

Mood: luminoso, calmo, moderno

Melhor para: ui de dashboard SaaS

Luminoso e calmo, como a aurora refletindo sobre águas tranquilas. O azul-marinho profundo serve de base, enquanto o teal e violeta trazem movimento sem serem exagerados. Use o tom menta para painéis espaçosos e reserve os tons mais brilhantes para botões principais e destaques. Combine com cinzas frios e tipografia geométrica sans para manter um visual moderno e voltado ao produto.

Exemplo de imagem de aurora lagoon gerado usando media.io

Media.io

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

Experimente agora grátis

2) Plum Tidepool

HEX: #1D4ED8 #14B8A6 #7C3AED #F1F5F9 #0F172A

Mood: nítido, profissional, energético

Melhor para: sistema de identidade de marca

Nítido e profissional, como a luz do oceano refletindo em pedra polida. O azul cobalto e teal dão sensação de confiança, enquanto o roxo ameixa traz assinatura distintiva para logos e elementos-chave. Use o off-white como fundo principal e reserve o preto quase absoluto para tipografia e contornos. Combine com um conjunto de ícones minimalistas e uma fonte display forte para manter a identidade marcante.

Exemplo de imagem de plum tidepool gerado usando media.io

3) Twilight Hibiscus

HEX: #12355B #1BB3A3 #8E2DE2 #F7EDE2 #0B132B

Mood: romântico, dramático, vibrante

Melhor para: design de pôster de evento

Romântico e dramático, como pétalas de hibisco brilhando após o pôr-do-sol. Esta paleta azul, verde e roxo funciona bem quando o tom creme ocupa o espaço negativo. Use o teal para elementos de apoio e violeta para títulos e detalhes em destaque. Combine com textura suave e tipografia ousada, limitando o azul-marinho mais escuro apenas para texto pequeno, garantindo legibilidade.

Exemplo de imagem de twilight hibiscus gerado usando media.io

4) Glacier Amethyst

HEX: #2F6FED #3DD6D0 #B388FF #EAF2FF #25314F

Mood: fresco, leve, otimista

Melhor para: telas de onboarding de app mobile

Fresco e leve, como água glacial sob o céu brilhante. O lavanda claro e azul gelado criam fundos amigáveis, enquanto o azul mais escuro traz contraste forte para chamadas à ação. Use o teal como indicador de progresso ou cor de microinterações para manter o fluxo animado. Combine com componentes arredondados e espaçamento generoso para uma experiência de boas-vindas.

Exemplo de imagem de glacier amethyst gerado usando media.io

5) Rainforest Violet

HEX: #064E3B #0EA5A4 #6D28D9 #A7F3D0 #1E1B4B

Mood: terroso, ousado, aventureiro

Melhor para: embalagem de produto outdoor

Terroso e ousado, como sombra densa de floresta com flashes de flores raras. O verde escuro e índigo trazem rusticidade, enquanto o violeta dá um toque premium que destaca nas prateleiras. Use menta como fundo de etiqueta arejada e reserve o teal para badges ou destaques de funcionalidades. Combine com textura fosca e ícones de linha simples para evitar poluição visual.

Exemplo de imagem de rainforest violet gerado usando media.io

6) Electric Kelp

HEX: #0057FF #00C2A8 #A855F7 #0B1026 #E2E8F0

Mood: alto contraste, tecnológico, marcante

Melhor para: overlay de stream gaming

Alto contraste e tecnológico, como luz neon cortando águas profundas. Essas combinações de azul, verde e roxo são mais impactantes quando o tom escuro é mantido como canvas principal. Use azul elétrico para alertas, teal para rótulos secundários, e violeta para momentos especiais como vitórias ou marcos. Combine com formas acentuadas e efeito de brilho moderado, evitando usar todas as cores vibrantes no mesmo módulo.

Exemplo de imagem de electric kelp gerado usando media.io

7) Soft Sea Lavender

HEX: #2B50AA #5BD3C7 #C3B1E1 #FFF7ED #334155

Mood: delicado, aconchegante, acessível

Melhor para: tema de blog de wellness

Delicado e aconchegante, como espuma do mar entrando em névoa de lavanda. O off-white pêssego mantém páginas quentes, enquanto o azul pervinca e teal trazem ritmo calmo para links, tags e títulos de seção. Use o cinza para texto de corpo e contraste acessível. Combine com ilustrações suaves e evite gradientes pesados para preservar o tom reconfortante.

Exemplo de imagem de soft sea lavender gerado usando media.io

8) Cosmic Garden

HEX: #101935 #2EC4B6 #7B2CBF #F0EBD8 #3A86FF

Mood: místico, criativo, lúdico

Melhor para: arte de capa de álbum

Místico e criativo, como luz das estrelas sobre um jardim à meia-noite. O tom neutro cremoso deixa os tons joia se destacarem sem ficar agressivo, ideal para tipografia ousada. Use teal para formas orgânicas e violeta para elementos de destaque como títulos ou ícones. Combine com texturas granuladas e botânicos abstratos para um acabamento moderno e sonhador.

Exemplo de imagem de cosmic garden gerado usando media.io

9) Denim Iris

HEX: #1E40AF #10B981 #9333EA #E5E7EB #111827

Mood: confiante, equilibrado, contemporâneo

Melhor para: apresentação corporativa

Confiante e equilibrado, como um jeans escuro com um toque de íris. Use o cinza como fundo dos slides para manter os gráficos legíveis, e aplique azul e verde como séries de dados principais. O violeta funciona melhor como cor de destaque para métricas-chave e divisores de seção. Combine com infográficos limpos e utilize o quase preto nos títulos para evitar um visual desbotado.

Exemplo de imagem de denim íris gerada pelo media.io

10) Metro Nightshade

HEX: #0F172A #2563EB #14B8A6 #A78BFA #F8FAFC

Mood: elegante, urbano, refinado

Melhor para: página inicial de fintech

Elegante e urbano, como um letreiro de néon sobre calçada molhada. Uma paleta azul-verde-roxo assim transmite premium quando você destaca a base escura e mantém o branco para espaço livre. Deixe o azul para ações principais, o teal para sinais de confiança e o lavanda para destacar recursos. Combine com ícones de linha fina e bastante espaçamento para deixar a página com cara de high-end.

Exemplo de imagem de metro nightshade gerada pelo media.io

11) Orchid Current

HEX: #012A4A #0B5FFF #00A8A8 #7209B7 #E0FBFC

Mood: ousado, brilhante, expressivo

Melhor para: anúncio de produto de beleza

Ousado e brilhante, como pétalas de orquídea capturando um flash de luz azul. As cores saturadas parecem editoriais, enquanto o aqua pálido mantém o layout leve. Use teal para destacar benefícios e ingredientes, reservando violeta para indicações premium como edição limitada ou fragrância exclusiva. Combine com tipografia macro e uma única foto do produto principal para manter o visual luxuoso.

Exemplo de imagem de orchid current gerada pelo media.io

12) Tealberry Punch

HEX: #0061A8 #00BFA6 #8A2BE2 #FFE66D #1A1A2E

Mood: divertido, jovem, animado

Melhor para: flyer de festival de verão

Divertido e animado, como refrigerante com um toque de frutas vermelhas. O amarelo ensolarado dá energia instantânea, enquanto o teal e o violeta mantêm o flyer moderno em vez de retrô. Use o tom escuro para blocos de texto e fileiras de patrocinadores para garantir clareza. Combine com formas lúdicas e uma hierarquia tipográfica rígida para que o destaque brilhante não sobreponha os detalhes.

Exemplo de imagem de tealberry punch gerada pelo media.io

13) Misty Nebula

HEX: #2C3E50 #2EC4B6 #B8B8FF #F6F7FB #5A189A

Mood: suave, sonhador, reflexivo

Melhor para: design de capa de livro

Suave e sonhador, como névoa atravessando uma nebulosa distante. O fundo quase branco faz o lavanda parecer leve, enquanto o roxo profundo fornece uma cor forte para o título. Teal funciona bem para motivos pequenos ou etiquetas de série sem tirar atenção do tipo principal. Combine com ilustração minimalista e contraste elevado para garantir leitura fácil nas miniaturas de livrarias.

Exemplo de imagem de misty nebula gerada pelo media.io

14) Royal Lagoon

HEX: #003566 #00B4D8 #6F2DBD #CAF0F8 #03045E

Mood: majestoso, limpo, impactante

Melhor para: branding de time esportivo

Majestoso e impactante, como um banner de campeonato sob luzes de estádio. Essa paleta azul-verde-roxo brilha se você usar os azuis reais profundos em uniformes e logotipos. Use o ciano como acabamento energético e violeta como acento secundário para merchandising e gráficos sociais. Combine com tipografia condensada e mantenha a tonalidade clara nos fundos respiráveis dos layouts digitais.

Exemplo de imagem de royal lagoon gerada pelo media.io

15) Ultraviolet Aquarium

HEX: #082F49 #0891B2 #7C3AED #D1FAE5 #0A0F1F

Mood: profundo, aquático, futurista

Melhor para: interface de visualizador de música

Profunda e futurista, como um aquário iluminado por lâmpadas ultravioleta. A base escura torna as animações vívidas, enquanto a cor destaque verde evita que a interface fique pesada. Use o teal para elementos de ondas sonoras e violeta para marcadores de batida ou estados ativos. Combine com gradientes suaves e mantenha o texto em neutros de alto contraste para legibilidade.

Exemplo de imagem de ultraviolet aquarium gerada pelo media.io

16) Harbor Lilac

HEX: #1B4965 #5FA8D3 #62B6CB #CA7DF9 #F3F4F6

Mood: costeiro, leve, amigável

Melhor para: design de newsletter de viagem

Costeiro e amigável, como uma manhã brilhante no porto com um toque de lilás no horizonte. Os azuis claros criam seções limpas para fotos e títulos, enquanto o roxo adiciona um toque memorável à marca. Use o teal para links e pequenos indicadores de UI, mantendo o fundo predominantemente leve e neutro. Combine com margens generosas e divisores simples para facilitar a leitura do layout.

Exemplo de imagem de harbor lilac gerada pelo media.io

17) Aurora Sprint

HEX: #3A86FF #06D6A0 #8338EC #F1FAEE #1D3557

Mood: esportivo, brilhante, motivador

Melhor para: interface de aplicativo fitness

Esportivo e motivador, como uma corrida ao amanhecer sob um céu brilhante em constante mudança. O verde fresco transmite progresso e sucesso instantaneamente, enquanto o violeta dá personalidade a medalhas e marcos. Mantenha o quase branco nas telas com muitos dados e use o azul marinho para texto e barras de navegação. Combine com gráficos arredondados e iconografia clara para acompanhamento rápido e prático.

Exemplo de imagem de aurora sprint gerada pelo media.io

18) Deep Sea Orchid

HEX: #001D3D #0077B6 #00A896 #9D4EDD #E9D8FD

Mood: luxuoso, calmo, noturno

Melhor para: seção hero de site de spa

Luxuoso e calmo, como águas profundas com brilho suave de orquídea. O navy e o azul do mar criam serenidade imediata, enquanto o lavanda mantém o clima suave em vez de rígido. Use o teal como acento sutil para links e sinais de confiança, mantendo o lilás claro para overlays atrás do texto. Combine com títulos elegantes em serif e gradientes suaves para um toque premium de spa.

Exemplo de imagem de deep sea orchid gerada pelo media.io

19) Vaporwave Lagoon

HEX: #2D00F7 #00F5D4 #B517FF #FEEAFA #0B1320

Mood: retrô-futurista, barulhento, divertido

Melhor para: banner promocional para redes sociais

Retrô-futurista e divertido, como um letreiro brilhante em uma arcade à meia-noite. O teal e o roxo neon pedem atenção, então dê espaço a eles com destaque em rosa suave, em vez de usá-los juntos. Use o azul escuro para texto e logos, garantindo legibilidade. Combine com padrões geométricos ousados e mantenha os textos curtos para impacto alto e imediato.

Exemplo de imagem de vaporwave lagoon gerada pelo media.io

20) Studio Spectrum

HEX: #114B9A #1AA6B7 #7C4DFF #F2F2F2 #22223B

Mood: limpo, criativo, versátil

Melhor para: página de revista editorial

Limpo e criativo, como um estúdio com filtros de cor e papel impecável. As combinações azul-verde-roxo são especialmente versáteis em layouts editoriais onde a hierarquia importa. Use o quase branco para conforto de leitura, reserve o teal para destaques e barras laterais, e deixe o violeta para títulos de páginas principais. Combine com estrutura de grade forte e use apenas um destaque por página para evitar ruído visual.

Exemplo de imagem de studio spectrum gerada pelo media.io

21) Sage Eclipse

HEX: #1B3A57 #2A9D8F #6A4C93 #E9ECEF #0B0F1A

Mood: intenso, sóbrio, elegante

Melhor para: site portfólio de arquitetura

Intenso e sóbrio, como um eclipse sobre pedra e vidro. O fundo cinza frio mantém os projetos com sensação de espaço, enquanto teal e violeta adicionam acentos sofisticados nas seções. Use o tom mais escuro para navegação e legendas, garantindo contraste contra as fotos. Combine com muito espaço em branco e animação contida para uma apresentação refinada do portfólio.

Exemplo de imagem de sage eclipse gerada pelo media.io

22) Prism Haze

HEX: #00509D #34D399 #C084FC #FFF1F2 #1F2937

Mood: brilhante, leve, otimista

Melhor para: ilustração botânica aquarela

Brilhante e leve, como luz solar refratada por um prisma suave. O branco rosado traz calor, enquanto o verde e o violeta deixam as flores modernas em vez de tradicionais. Use o carvão profundo apenas para detalhes pequenos, como hastes, rótulos ou contornos. Combine com lavagens suaves e mantenha a saturação levemente irregular para um efeito aquarela autêntico.

Exemplo de imagem de prism haze gerada pelo media.io

Quais cores combinam bem com azul, verde e roxo?

Para equilíbrio limpo e moderno, combine tons de azul-verde-roxo com neutros frios como branco, off-white, cinza claro e carvão. Estes ajudam a manter o contraste legível enquanto o teal e o violeta permanecem como acentos “heróis”.

Se quiser contraste mais quente, experimente bege suave, creme, blush ou areia pálida — estes neutros quentes reduzem a sensação “gelada” e deixam a paleta mais amigável para marcas de lifestyle.

Para um toque extra, use apenas um destaque brilhante (como amarelo limão, coral ou rosa vibrante). Limitar o destaque evita que a paleta fique caótica, principalmente em sistemas de UI.

Como usar uma paleta de azul, verde e roxo em designs reais

Comece com os papéis: escolha uma base escura (azul-marinho/tinta) para a estrutura, um azul médio para ações primárias, teal para estados secundários e roxo para destaques como selos, ênfase em preços ou recursos-chave. Isso cria uma hierarquia previsível em todas as telas.

Na impressão e identidade visual, deixe um tom liderar (geralmente azul), depois use teal como suporte “fresco” e roxo como assinatura. Assim, logos e layouts permanecem reconhecíveis mesmo quando não é possível usar todas as cores ao mesmo tempo.

Para gradientes, misture azul → teal para um movimento calmo e teal → violeta para mais energia. Mantenha os fundos sutis e reserve misturas saturadas para áreas de destaque, pôsteres e promoções em redes sociais.

Crie visuais de paleta azul, verde e roxo com IA

Se você já tem códigos HEX, pode gerar mockups alinhados à identidade rapidamente descrevendo o layout (pôster, tela de aplicativo, embalagem) e o clima pretendido (calmo, brilhante, futurista). Isso ajuda a validar como as cores funcionam em composições reais, não apenas em amostras.

Com o fluxo de criação de imagem por texto da Media.io, você pode iterar rapidamente: testar diferentes proporções, trocar o fundo para um neutro ou aumentar a saturação do teal/roxo até que o contraste fique adequado para acessibilidade e marketing.

Use o nome da paleta como ponto de referência de estilo (para consistência) e adicione um assunto claro (dashboard, panfleto, anúncio de produto) para que a IA saiba o que criar.

Próximo: Paleta de Cores Bronze