Paletas de Cores Amarelo, Verde-azulado e Azul: 22 Inspirações com Hex

Uma paleta de cores amarelo, teal e azul combina o calor do sol com o frescor da água, criando uma energia vibrante sem ser caótica. É um trio fácil para branding moderno, UI, pôsteres e interiores.

Abaixo estão mais de 20 ideias de paletas amarelo, teal e azul com códigos HEX e prompts prontos para usar no Media.io para gerar visuais que combinam rapidamente.

Por que paletas amarelo, teal e azul funcionam tão bem

O amarelo traz atenção instantânea e otimismo, enquanto teal e azul adicionam calma, credibilidade e estrutura. Juntos, criam uma mistura de temperatura equilibrada (quente + fria) que transmite frescor e versatilidade.

Como o azul naturalmente favorece a leitura e a hierarquia, é fácil atribuir funções: azul para títulos/navegação, teal para estados interativos e amarelo para destaques (preço, selos, principais dados). Isso torna o esquema especialmente forte para UI e sistemas de marca.

Outra vantagem é a amplitude: é possível variar o trio do lúdico (limão vivo + aqua) ao premium (dourado + azul-marinho intenso + teal suave) apenas ajustando saturação e usando neutros suaves para dar respiro.

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

1) Lagoa Ensolarada

HEX: #ffd54a #1fb7a6 #1b74b8 #0d2b45 #f6f1e6

Clima: brilhante, litorânea, otimista

Ideal para: UI de página inicial de viagens

Brilhante e litorânea, lembra o sol refletindo na água limpa ao lado das sombras profundas do oceano. Use em páginas de viagem ou hotelaria onde você quer energia sem caos. Combine o teal nos botões, azul nos títulos e o amarelo quente para destaques e preços. Dica: mantenha o tom creme como fundo principal para não deixar o amarelo dominar o texto.

Exemplo de imagem de lagoa ensolarada gerado no media.io

Media.io

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

Experimente agora grátis

2) Maré Cítrica

HEX: #ffe14f #2dd4bf #2563eb #0f172a #ffffff

Clima: limpa, esportiva, alto contraste

Ideal para: telas de onboarding de app fitness

Limpa e esportiva, lembra cítricos frescos contra água cristalina e azul noturno profundo. O alto contraste é ideal para fluxos de onboarding e destaques de funções. Use teal para estados de progresso, azul para ações principais e amarelo para micro-destaques, como selos. Dica: reserve o azul marinho para tipografia, garantindo legibilidade sobre o branco.

Exemplo de imagem de maré cítrica gerado no media.io

3) Marina Calêndula

HEX: #ffcc33 #14b8a6 #3b82f6 #1e3a8a #f1f5f9

Clima: fresca, náutica, moderna

Ideal para: UI de dashboard SaaS

Fresca e náutica, lembra bandeiras de marina e o ar limpo do mar com um toque moderno. Funciona bem para dashboards que exigem hierarquia clara e cores de status. Use o cinza-azulado claro para superfícies, o azul escuro para navegação e o amarelo calêndula para alertas ou indicadores-chave. Dica: limite o amarelo a pequenas áreas para manter o ar premium em vez de lúdico.

Exemplo de imagem de marina calêndula gerado no media.io

4) Limonada à Beira da Piscina

HEX: #fff07a #00a8a8 #0077b6 #023047 #eae2b7

Clima: ensolarada, relaxada, verão

Ideal para: pôster de evento de verão

Ensolarada e descontraída, lembra limonada à mão ao lado da piscina iluminada e uma cabana sombreada. Essas combinações amarelo teal azul são perfeitas para pôsteres, cardápios e promoções sazonais de verão. Use o azul marinho para texto, aqua para formas e bordas, e amarelo para a manchete. Dica: adicione bastante espaço e permita que o neutro areia suavize o contraste.

Exemplo de imagem de limonada à beira da piscina gerado no media.io

5) Loja de Surf Retrô

HEX: #ffc857 #2a9d8f #277da1 #1d3557 #f7f3e3

Clima: retrô, amigável, praiana

Ideal para: camiseta e adesivos

Retrô e amigável, evoca cera de surf, placas vintage e uma brisa salgada. Perfeita para gráficos de mercadoria com um visual nostálgico sem exagerar no neon. Use creme para impressões de base, azul-marinho para contornos e amarelo para destaque como sol ou selo de logo. Dica: mantenha o teal mais suave em áreas grandes para um ar clássico.

Exemplo de imagem de loja de surf retrô gerado no media.io

6) Sala de Aula Costeira

HEX: #ffde59 #4ecdc4 #5dade2 #2c3e50 #fdfcdc

Clima: alegre, acessível, educativo

Ideal para: folha de atividades para crianças

Alegre e acessível, remete a uma sala iluminada perto da praia. Tons amigáveis para conteúdos infantis, mantendo a leitura para pais e professores. O creme claro como papel, o grafite escuro para instruções e amarelo para títulos de seção. Dica: repita o teal em ícones para reduzir poluição visual.

Exemplo de imagem de sala de aula costeira gerado no media.io

7) Amanhecer na Baía

HEX: #ffd166 #06d6a0 #118ab2 #073b4c #ef476f

Clima: divertido, vibrante, enérgico

Ideal para: carrossel de promo em redes sociais

Divertida e vibrante, parece um gradiente do nascer do sol sobre a água com um toque coral marcante. Ótima para promos em carrossel que precisam de movimento e contraste. Use azul como base, teal nos blocos intermediários e amarelo nos ganchos ou etiquetas de desconto. Dica: mantenha o coral em poucos elementos para intenção visual, sem poluição.

Exemplo de imagem de amanhecer na baía gerado no media.io

8) Nota Aqua Minimalista

HEX: #f9d65c #22c1c3 #1f6feb #111827 #f8fafc

Clima: minimalista, precisa, tecnológica

Ideal para: UI de aplicativo de notas

Minimalista e precisa, lembra papel limpo com marca-texto aqua e tinta azul bem definida. Essa paleta brilha em apps de produtividade que dependem de estados visuais claros. Use quase branco para o fundo, azul escuro para o texto e amarelo para ênfases sutis como notas fixadas. Dica: deixe teal apenas para hovers ou cliques, facilitando o aprendizado do usuário.

Exemplo de imagem de nota aqua minimalista gerado no media.io

9) Floresta de Algas Douradas

HEX: #f6c445 #1aa6b7 #0b5fa5 #082032 #d7e9f7

Clima: denso, oceânico, aventureiro

Ideal para:miniatura de documentário e cartão de título

Atmosférico e oceânico, sugere sombras de algas com um brilho dourado filtrando pela água profunda. É uma escolha forte para visuais de documentários, capas e cartões de título que precisam de drama. Deixe o azul-marinho mais escuro compor o fundo, depois sobreponha gradientes de verde-azulado e reserve o dourado para o título. Dica: adicione uma névoa azul-clara sutil para criar profundidade sem adicionar mais cores.

Exemplo de imagem de floresta de algas douradas gerada usando media.io

10) Sinalização de Resort Ventilada

HEX: #ffe66d #00bfb2 #0074d9 #001f3f #faf3dd

Clima: acolhedor, arejado, sofisticado

Ideal para: conjunto de sinalização de orientação em hotel

Acolhedor e arejado, transmite corredores iluminados pelo sol com ar fresco do mar. O contraste auxilia em sinalizações claras mantendo o requinte. Use azul-marinho para texto e setas, verde-azulado para faixas de seções e o amarelo quente para marcadores de andares ou alas. Dica: mantenha o tom creme consistente em todas as placas para o sistema parecer unificado.

Exemplo de imagem de sinalização de resort ventilada gerada usando media.io

11) Ingresso de Museu Moderno

HEX: #ffd23f #12a4d9 #1e40af #0b1320 #e5e7eb

Clima: elegante, curado, contemporâneo

Ideal para: design de ingresso e pulseira de evento

Elegante e selecionado, lembra iluminação de galeria em impressos modernos com um amarelo vibrante de destaque. Como paleta de amarelo, azul-esverdeado e azul, equilibra energia lúdica com tipografia séria. Use a tinta escura para QR codes e letras pequenas, o azul vivo para blocos principais e o amarelo para classe de assento ou horário de entrada. Dica: reserve espaço cinza para o ingresso parecer premium e fácil de escanear.

Exemplo de imagem de ingresso de museu moderno gerada usando media.io

12) Clássico Iate Clube

HEX: #f1c40f #16a085 #2980b9 #2c3e50 #ecf0f1

Clima: clássico, náutico, confiante

Ideal para: identidade visual para negócio costeiro

Clássico e náutico, remete a latão polido, cascos pintados e uniformes impecáveis. Funciona para sistemas de identidade que precisam parecer tradicionais mas ainda frescos. Use o azul-ardósia como cor principal da marca, traga o verde-azulado para padrões de apoio e reserve o amarelo para carimbos, selos e chamadas para ação. Dica: crie primeiro um logo monocromático em azul-marinho, depois acrescente o amarelo como destaque opcional.

Exemplo de imagem de clássico iate clube gerada usando media.io

13) Rótulos de Mercado Fresco

HEX: #ffdf6c #2ec4b6 #3a86ff #1d3557 #fefefe

Clima: fresco, amigável, varejo moderno

Ideal para: rótulo de pote de alimentos e embalagem

Fresco e acolhedor, evoca ingredientes limpos e uma barraca de mercado iluminada à beira-mar. Essas combinações de cores de amarelo, verde-azulado e azul funcionam especialmente bem em pequenos rótulos onde o contraste é importante. Use branco de base, azul-marinho para texto de ingredientes e verde-azulado para indicar sabores, depois adicione amarelo como selo de qualidade. Dica: mantenha o azul vivo como uma faixa forte única para facilitar a organização visual nas prateleiras.

Exemplo de imagem de rótulos de mercado fresco gerada usando media.io

14) Neon Mergulho Noturno

HEX: #ffd60a #00c2c7 #00a6fb #003566 #001d3d

Clima: ousado, elétrico, vida noturna

Ideal para: capa de flyer de clube

Ousado e elétrico, transmite luzes de piscina à noite com reflexos neon e sombras índigo profundas. Feito para capas de alto impacto quando se quer energia instantânea. Use índigo como base, sobreponha gradientes de ciano e verde-azulado para criar brilho, e aplique amarelo no título principal. Dica: adicione textura de granulação suave para evitar que os brilhos pareçam chapados.

Exemplo de imagem de neon mergulho noturno gerada usando media.io

15) Sinalização Clínica Suave

HEX: #ffe8a3 #3bc9db #4dabf7 #343a40 #f8f9fa

Clima: calma, higiênica, reconfortante

Ideal para: site e sinalização de clínica

Calma e reconfortante, lembra luz do dia suave com tons de água limpa e calor delicado. Ideal para clínicas, dentistas e marcas de bem-estar que precisam transmitir confiança. Use o branco-neve para áreas abertas, carvão para texto e varie os azuis para seções e botões. Dica: mantenha o amarelo claro como destaque sutil para indicações amigáveis, como lembretes de consulta.

Exemplo de imagem de sinalização clínica suave gerada usando media.io

16) Litoral de Contos Infantis

HEX: #ffdd57 #8bd3dd #3a86ff #264653 #faf9f6

Clima: suave, lúdico, para família

Ideal para: ilustração de capa de livro infantil

Suave e lúdico, sugere ondas gentis, areia ensolarada e um horizonte calmo em um universo de conto de fadas. A paleta é acolhedora para capas ilustradas e abertura de capítulos. Use verde-azulado profundo nas letras do título, azul-celeste para grandes lavagens de cor e o amarelo quente nos pontos focais, como estrelas ou lanternas. Dica: mantenha o fundo quase branco para a ilustração permanecer arejada.

Exemplo de imagem de litoral de contos infantis gerada usando media.io

17) Palco de Conferência Tech

HEX: #ffb703 #219ebc #023e8a #0b132b #f1faee

Clima: confiante, moderno, de alto impacto

Ideal para: tema de slide de palestra principal

Confiante e moderno, traz sensação de holofote cortando tons profundos de azul do palco com um toque dourado quente. Essa paleta de amarelo, verde-azulado e azul é especialmente forte para slides de keynote que precisam de estrutura clara e impacto visual. Use marinho quase preto para planos, verde-azulado para gráficos e dourado para divisores de seção e números-chave. Dica: mantenha texto do corpo em tons bem claros para evitar fadiga visual em ambientes escuros.

Exemplo de imagem de palco de conferência tech gerada usando media.io

18) Cartão Botânico de Primavera

HEX: #ffe27a #4dd4c6 #3f83f8 #22577a #fff8e1

Clima: leve, botânico, inspirador

Ideal para: cartão de saudação em aquarela

Leve e botânico, evoca folhas de primavera, pétalas ensolaradas e sombras frescas da manhã. É delicado para cartões de saudação, convites e pequenas artes. Use creme como papel, pinte folhagens em verde-azulado, e mantenha o azul para contornos sutis ou bordas. Dica: apareça o amarelo em lavagens suaves e não em blocos sólidos para um toque artesanal.

Exemplo de imagem de cartão botânico de primavera gerada usando media.io

19) Azulejaria de Herança

HEX: #f7d154 #2a9d8f #457b9d #1d3557 #f2e9e4

Clima: artesanal, mediterrâneo, sólido

Ideal para: visualizador de backsplash de cozinha

Artesanal e sólido, lembra azulejos pintados à mão aquecidos pelo sol da tarde. Os azuis suaves deixam sofisticado, enquanto o amarelo traz vida ao padrão. Use creme como rejunte ou fundo, azul-marinho intenso para contornos e verde-azulado para motivos repetidos. Dica: aumente levemente o padrão na tela para evitar moiré em prévias.

Exemplo de imagem de azulejaria de herança gerada usando media.io

20) Destaque de Produto de Estúdio

HEX: #ffd84d #20c997 #228be6 #102a43 #f5f5f5

Clima: nítido, comercial, polido

Ideal para: anúncio de produto para skincare

Nítido e polido, lembra um estúdio limpo com luz de destaque e reflexos aquáticos frios. Ótimo para anúncios de produtos que buscam modernidade e frescor. Use cinza-branco de fundo, azul para o título principal, verde-azulado para chamadas secundárias e amarelo em selos ou etiquetas de desconto. Dica: mantenha sombras neutras para que as cores permaneçam fiéis e sofisticadas.

Exemplo de imagem de destaque de produto de estúdio gerada usando media.io

21) Editorial Farol

HEX: #ffe06b #1ecbe1 #2f6fdf #1b2a41 #f7f7f2

Clima: editorial, nítido, contemporâneo

Ideal para: layout de matéria de revista

Nítido e contemporâneo, remete ao feixe de luz de um farol cortando a névoa luminosa do mar. Perfeito para layouts editoriais que precisam de títulos marcantes e uma leitura tranquila. Use o quase branco para as colunas, azul-marinho para texto principal e azul para cabeçalhos de seção, com amarelo em citações ou destaques. Dica: mantenha verde-azulado em linhas finas e ícones para não competir com a cor do título.

Exemplo de imagem de editorial farol gerada usando media.io

22) Casamento Solar no Porto

HEX: #ffe59a #34d1bf #2d7dd2 #203354 #fffdf6

Clima: romântico, leve, elegante

Ideal para: conjunto de convite para casamento na praia

Romântico e leve, parece uma cerimônia tranquila no porto com sol quente e água cristalina. Funciona lindamente em convites que buscam elegância sem tons pastéis pesados. Use creme suave como base, azul-marinho para tipografia e verde-azulado em monogramas ou bordas. Dica: use amarelo apenas num pequeno selo ou data para manter a sofisticação.

Exemplo de imagem de casamento solar no porto gerada usando media.io

Quais cores combinam com amarelo, teal e azul?

Neutros são as escolhas mais fáceis: branco, creme, areia, cinza claro e carvão profundo ajudam a controlar o contraste e evitam que o amarelo brilhante domine. Azul-marinho também combina naturalmente com verde-azulado/azul para ancorar layouts e melhorar a leitura.

Para destaques, coral e rosas quentes trazem energia complementar, enquanto menta ou verde-mar suavizam a sensação para designs de bem-estar e lifestyle. Para um ar mais sofisticado, experimente dourados suaves e verdes-azulados dessaturados com bastante branco "off-white".

Quando precisar de mais profundidade, adicione azul quase preto (tinta/azul-marinho) para tipografia e fundos. Isso deixa o visual intencional e mantém os destaques amarelos nítidos e impactantes.

Como usar uma paleta de cores amarelo, teal e azul em designs reais

Defina funções claras: use azul como cor principal/base da marca, verde-azulado para estados secundários de UI (hover, progresso, destaques) e amarelo como cor de "atenção" para selos de CTA, preços, alertas ou números-chave. Isso evita que a paleta fique poluída.

Controle as proporções com uma regra simples: 60% de fundo neutro, 30% de superfícies em azul/verde-azulado e 10% de destaques amarelos. No impresso, suavize um pouco o amarelo em grandes áreas e use em títulos, ícones ou pequenas formas.

Para acessibilidade, mantenha o texto principal sobre fundo branco/creme ou azul-marinho bem escuro e teste o contraste dos botões. Amarelo geralmente funciona melhor como fundo apenas quando combinado com texto azul-marinho escuro, não branco.

Crie visuais de paleta amarelo, teal e azul com IA

Se você quer ver seu esquema de cores amarelo, verde-água e azul em ação, gere protótipos rápidos com IA antes de se comprometer com um sistema de design completo. Isso ajuda a validar contraste, hierarquia e o clima (esportivo vs. elegante vs. descontraído) em minutos.

Use os prompts acima como ponto de partida, depois troque pelos seus códigos HEX exatos e proporções de saída (1:1, 16:9, 9:16) para social, web ou impressão. Mantenha os neutros consistentes para que os destaques em amarelo fiquem limpos e intencionais.

O Media.io facilita criar imagens alinhadas à marca para landing pages, cartazes, embalagens e conceitos de UI—direto no navegador.

Próximo: Paleta de Cores Azul Cadete