As 20 melhores paletas de azul pastel e amarelo: códigos hex e dicas

Uma paleta de cores azul com amarelo pastel combina azuis suaves e arejados com amarelos quentes e delicados, criando um visual amigável, moderno e agradável aos olhos. É uma combinação ideal para UI, branding e convites quando você deseja luminosidade sem contraste agressivo.

Abaixo estão 20 paletas de azul e amarelo pastel prontas para uso, com códigos HEX, além de dicas rápidas sobre equilíbrio, legibilidade e toques que você pode acrescentar sem perder a suavidade.

Por que as paletas Azul e Amarelo Pastel funcionam tão bem

Azul pastel traz clareza e confiança, enquanto amarelo pastel adiciona calor e otimismo. Juntos, criam uma mistura de temperatura equilibrada que transmite acolhimento sem ser açucarada ou infantil demais.

Como ambas as cores costumam ser claras, o resultado é uma sensação “arejada” e amigável para interfaces - ideal para layouts limpos, branding suave e designs editoriais delicados. O segredo está em usar azuis mais profundos (ou um tom neutro escuro) para texto legível e hierarquia.

Essa combinação também oferece opções flexíveis de destaque: menta ou água para frescor, lilás ou malva para romance, e azul-marinho para contraste forte. Isso torna fácil expandir a paleta de azul e amarelo pastel em um sistema de design completo.

Mais de 20 ideias de paletas de cores Azul e Amarelo Pastel (com códigos HEX)

1) Céu de Buttercream

HEX: #A7C7FF #FFE8A3 #F7F9FF #9BD7D5 #7A8FBF

Clima: arejado, alegre, delicado

Ideal para: página inicial de marca infantil (UI)

Arejada como uma manhã clara com toques de buttercream, essa combinação transmite simpatia e otimismo. Funciona especialmente bem para paletas de azul e amarelo pastel em experiências infantis, familiares e educacionais, onde se busca suavidade sem monotonia. Combine com bastante espaço em branco e formas arredondadas na interface para manter o aspecto leve. Dica de uso: reserve o azul mais profundo para CTAs e use o amarelo apenas para pequenos destaques, evitando excesso de brilho.

Exemplo de imagem de céu de buttercream gerado com media.io

Media.io

Media.io é um estúdio online de IA para criação e edição de vídeo, imagem e áudio direto no navegador.

Experimente Grátis Agora

2) Denim ao Sol

HEX: #7FB2FF #FFE27A #F4F1EA #2F5EA8 #B6C2D9

Clima: brilhante, moderno, confiante

Ideal para: pôster de anúncio de streetwear

Azuis jeans brilhantes com amarelo ensolarado criam um visual esportivo e nítido, mas ainda acessível. O azul-marinho dá estrutura, enquanto o off-white aquecido mantém o layout limpo e premium. Use em pôsteres e anúncios onde a legibilidade à distância e contraste são essenciais. Dica: use azul-marinho no texto principal e amarelo em selos, preços ou etiquetas de tempo limitado.

Exemplo de imagem de denim ao sol gerado com media.io

3) Estúdio Névoa de Limão

HEX: #B8D8FF #FFF1B6 #E9ECF3 #8AA0C8 #C7E7D7

Clima: calmo, organizado, pastel

Ideal para: telas de onboarding de app de bem-estar

Calma e levemente enevoada, esta paleta lembra um estúdio tranquilo com luz suave do dia. O azul pálido e o amarelo leite de limão transmitem sensação reconfortante nas telas, enquanto o azul ardósia garante a hierarquia dos títulos. Ótima para fluxos de onboarding, lembretes e estados de progresso suaves. Dica: use azul acinzentado nos traços dos ícones para manter a clareza sem dureza.

Exemplo de imagem de estúdio névoa de limão gerado com media.io

4) Piquenique Vidro do Mar

HEX: #8FD0FF #FFEE93 #C8F1E8 #F8FBFF #4E7DB6

Clima: fresco, veranil, leve

Ideal para: flyer de convite para piquenique de primavera

Fresco como vidro do mar e limonada em um dia quente, as cores são lúdicas sem serem chamativas. O menta proporciona a ponte natural entre o azul gelado e o amarelo amanteigado. Use em convites e flyers descontraídos com energia de estação. Dica: coloque o título no azul mais profundo e mantenha o menta numa borda fina ou padrão para acabamento.

Exemplo de imagem de piquenique vidro do mar gerado com media.io

5) Azul Pólen e Narcisos

HEX: #9EC5FF #FFE58B #FFF9E8 #6A87B8 #D6E2FF

Clima: suave, ensolarado, elegante

Ideal para: identidade visual para linha de cuidados com a pele

Azuis em pó e o calor do narciso criam um clima elegante e leve. O contraste é sutil, tornando essa combinação perfeita para cuidados com a pele, beleza e produtos para peles sensíveis. Combine com títulos serifados minimalistas e fundo creme para um visual refinado. Dica: Imprima o amarelo como detalhe em etiquetas e reserve os azuis para o sistema visual principal da marca.

Exemplo de imagem de azul pólen e narcisos gerado com media.io

6) Limonada Nublada

HEX: #BFD9FF #FFF0A8 #DDE4F2 #A6E3D7 #5C79A9

Clima: aconchegante, delicado, relaxado

Ideal para: modelo de newsletter por email

Aconchegante como limonada nublada em uma varanda, a paleta transmite acolhimento e é fácil de ler. O azul médio ancora a tipografia, enquanto o amarelo claro deixa as seções calorosas e humanas. Use em newsletters onde clareza é fundamental, mas com personalidade. Dica: mantenha fundos em azul acinzentado claro e use amarelo apenas em títulos de seção ou chamadas pequenas.

Exemplo de imagem de limonada nublada gerado com media.io

7) Cartão Postal Vintage

HEX: #90B3E7 #F8E39A #F3EFE6 #C89CB2 #446A9F

Clima: nostálgico, romântico, suave

Ideal para: cabeçalho e hero de blog de viagem

Nostálgica como cartão postal antigo, essa mistura combina azul suave com amarelo calmo e um toque de malva empoeirado. Ideal para narrativas de viagem, blogs de lifestyle e sessões hero editoriais onde a emoção faz diferença. Combine com texturas granuladas e títulos serifados elegantes para um toque retrô. Dica: use o malva com parcimônia, em divisores ou links para manter a identidade visual unida.

Exemplo de imagem de cartão postal vintage gerado com media.io

8) Sala de Brincar Pop

HEX: #6FB2FF #FFE16A #FFFFFF #FFB6C8 #2E62B8

Clima: divertido, marcante, energético

Ideal para: pôster promocional loja de brinquedos

Divertida e vibrante, o azul mais intenso e o amarelo ensolarado lembram blocos de montar e adesivos. Um toque de rosa traz ainda mais diversão sem dominar. Perfeita para promoções de brinquedos, eventos infantis e ofertas ousadas e sazonais. Dica: coloque o amarelo nos fundos de números grandes ou palavras curtas para leitura instantânea e acessível.

Exemplo de imagem de sala de brincar pop gerado com media.io

9) Clínica Calma

HEX: #A6D2FF #FFF2C2 #E6F1FF #B9E6D3 #5A7FAF

Clima: tranquilizante, limpo, profissional

Ideal para: UI para agendamento de consultas médicas

Tranquilizante e limpo, esses tons pastéis transmitem a sensação de uma sala de espera clara e iluminada. O azul mais escuro passa confiança, enquanto o amarelo claro garante que a interface não fique fria. Use em agendamentos, formulários e portais do paciente onde a clareza calma é crucial. Dica: mantenha o contraste alto usando texto azul escuro em fundos claros e reserve o amarelo para indicar status, não para textos longos.

Exemplo de imagem de uma clínica calma gerada usando media.io

10) Menu de Brunch

HEX: #84B8F4 #FFE8A8 #FFFDF6 #E6C7A6 #3F6FA8

Clima: acolhedor, convidativo, casual-chique

Ideal para: design de menu de café

Aconchegante e convidativo como um brunch de fim de semana, a base cremosa e o amarelo suave transmitem conforto ao lado de um azul fresco. O tom bege acrescenta uma nota agradável à comida que mantém a paleta equilibrada e apetitosa. Use para menus, tent cards e cartazes de café onde a legibilidade é fundamental. Dica de uso: utilize o azul mais escuro para preços e títulos de seções, mantendo o amarelo como uma faixa de destaque atrás dos especiais.

Exemplo de imagem de menu de brunch gerado usando media.io

11) Lavagem Botânica de Primavera

HEX: #A3CEFF #FFED9E #D3F3E3 #F6FAFF #6589B8

Clima: primaveril, delicado, inspirado na natureza

Ideal para: cartaz botânico em aquarela

Primaveril e delicada, essas cores lembram pétalas em aquarela e caules frescos após a chuva. O verde menta mantém o visual botânico, enquanto a combinação azul-amarelo permanece leve e otimista. Perfeito para quadros de parede sazonais, cartazes de eventos no jardim ou inserções suaves em embalagens. Dica de uso: deixe o branco e o azul claro dominarem, adicionando o amarelo apenas em poucas flores para equilíbrio.

Exemplo de imagem da lavagem botânica de primavera gerado usando media.io

12) Galeria Minimalista

HEX: #9BBEFF #FFEAA0 #F2F4F7 #2D4D7A #B7C7E6

Clima: minimalista, curado, moderno

Ideal para: flyer de evento de galeria de arte

Minimalista e curada, essa paleta lembra uma parede tranquila de galeria com um único holofote. O azul marinho oferece forte contraste tipográfico, enquanto o amarelo suave atua como marca-texto de bom gosto em vez de acento chamativo. Ideal para flyers de eventos, programas de exposições e materiais gráficos promocionais limpos. Dica de uso: mantenha o layout principalmente neutro e use amarelo apenas para marcar datas, locais ou um título-chave de obra.

Exemplo de imagem da galeria minimalista gerado usando media.io

13) Gradiente Pastel Tech

HEX: #74B7FF #FFF0B2 #CFE1FF #9DE1F0 #3E6CB3

Clima: fresco, tecnológico, otimista

Ideal para: seção hero de site SaaS

Fresca e tecnológica, essas cores lembram um gradiente suave em um céu claro. O azul mais brilhante traz impulso moderno, enquanto o amarelo pálido impede que o destaque fique muito corporativo. Ótima para landing pages de SaaS, destaques de recursos e prompts de cadastro. Dica de uso: crie o fundo hero com gradientes de azul para aqua e use amarelo apenas em botões principais e pequenos ícones.

Exemplo de imagem de gradiente tech pastel gerado usando media.io

14) Esporte Suave

HEX: #5EA8FF #FFE374 #F1F6FF #97D6C9 #243E6B

Clima: ativo, limpo, animado

Ideal para: painel de aplicativo fitness UI

Ativo e limpo, o azul mais vivo traz energia enquanto o amarelo quente adiciona um toque amigável. O índigo profundo garante base sólida para métricas e textos, mantendo os painéis legíveis. Use em rastreadores fitness, apps de hábitos e gamificação leve. Dica de uso: aplique amarelo somente em sequências, medalhas e indicadores de progresso, para se manter motivacional sem distrair.

Exemplo de imagem de esporte suave gerado usando media.io

15) Papelaria de Casamento

HEX: #B0D0FF #FFF4C8 #FAFAF7 #D7C2E9 #6E87B8

Clima: romântico, arejado, delicado

Ideal para: conjunto de convites de casamento

Romântica e arejada, o azul suave e o creme amanteigado remetem à seda leve e florais primaveris. Um delicado toque de lilás acrescenta suavemente um espírito de celebração sem adoçar demais. Perfeita para convites, cartões de RSVP e sites de casamento que buscam uma vibe pastel moderna. Dica de uso: imprima o texto no azul mais escuro para nitidez e use lilás só em monogramas pequenos ou detalhes das bordas.

Exemplo de imagem de papelaria de casamento gerado usando media.io

16) Espaço de Trabalho Ensoralado

HEX: #8AC0FF #FFE77F #F5F2E8 #B0E9D6 #335F9F

Clima: brilhante, organizado, amigável

Ideal para: tema de slides para apresentação

Brilhantes e organizadas, essas cores lembram um espaço limpo de trabalho com sol na mesa. A base creme acalma, enquanto o amarelo traz ênfase sem exagero. Ideal para slides, relatórios e workshops que exigem um visual amigável e credível. Dica de uso: utilize amarelo para pontos-chave e mantenha gráficos principalmente em tons de azul para consistência entre slides.

Exemplo de imagem de espaço de trabalho ensolarado gerado usando media.io

17) Caminhão de Sorvete

HEX: #63B8FF #FFE45E #FFF7D6 #FF9FB8 #2756A4

Clima: divertido, nostálgico, brilhante

Ideal para: cartaz de festival de verão

Divertidas e nostálgicas, as cores lembram a placa de um caminhão de sorvete sob um céu claro. Dentre as combinações azul e amarelo pastel, esta é mais lúdica graças ao rosa chiclete. Perfeita para festivais, pop-ups e promoções de verão onde se busca alegria instantânea e alta visibilidade. Dica de uso: limite o rosa a pequenos detalhes e deixe azul e amarelo conduzirem a hierarquia visual para uma leitura mais limpa.

Exemplo de imagem de caminhão de sorvete gerado usando media.io

18) Biblioteca Silenciosa

HEX: #A9C8F2 #F6E8A7 #EFE8DD #6B7F99 #C2D6F2

Clima: suave, reflexivo, acadêmico

Ideal para: design de capa de livro

Suave e reflexiva, a paleta lembra a luz do sol em páginas antigas numa sala de leitura tranquila. O bege quente traz alicerce, enquanto tons de azul atenuado oferecem calma acadêmica. Use em capas de livros, diários e materiais educacionais que valorizam o calor ao invés do minimalismo frio. Dica de uso: opte pelo azul-cinza mais profundo para títulos e mantenha o amarelo apenas em suaves destaques para subtítulos ou selos.

Exemplo de imagem de biblioteca silenciosa gerado usando media.io

19) Calçadão ao Anoitecer

HEX: #7EAEE8 #FFE082 #1F3F6B #F7F4EC #78D8C6

Clima: litorâneo, equilibrado, levemente melancólico

Ideal para: banner de recursos de app de viagem

Litorânea e levemente melancólica, o azul profundo lembra água ao entardecer, enquanto o amarelo reluz como luzes do calçadão. O aqua confere contraste arejado para não escurecer demais o design. Use em banners de viagem, cartões de destinos e destaques de recursos que precisam de mais drama. Dica de uso: mantenha o azul escuro no fundo e adicione amarelo apenas em ícones centrais ou legendas para foco instantâneo.

Exemplo de imagem de calçadão ao anoitecer gerado usando media.io

20) Sala de Aula Moderna

HEX: #92C7FF #FFEEA6 #F3F7FF #8AB0D6 #4C6FA8

Clima: fresco, acessível, focado

Ideal para: capa de curso EAD

Fresca e acessível, essas cores lembram uma sala de aula moderna com luz natural e cadernos organizados. O azul mais claro mantém o layout limpo, enquanto o amarelo suave destaca elementos e navegação. Como combinação azul e amarelo pastel, encaixa em capas de cursos, miniaturas de aulas e materiais de ensino onde clareza é prioridade. Dica de uso: utilize o azul médio para títulos e amarelo para marcadores pequenos como números de aulas ou etiquetas de progresso.

Exemplo de imagem de sala de aula moderna gerado usando media.io

Quais cores combinam com Azul e Amarelo Pastel?

Neutros suaves como branco quente, creme e azul-cinza claro ajudam o azul e o amarelo pastel a parecerem propositalmente delicados, e ainda criam espaço para tipografia e imagens de produto.

Para acentos frescos, experimente menta, aqua ou verde-mar—eles se encaixam naturalmente entre azul e amarelo e mantêm a paleta leve. Para um toque romântico ou editorial, lilás empoeirado e malva suave adicionam personalidade sem sobrecarregar a base.

Se você precisa de contraste mais forte para acessibilidade, adicione azul marinho, cinza-ardósia profundo ou índigo para textos, gráficos e CTAs. Tons escuros de base fazem os fundos pastéis parecerem limpos e premium.

Como usar uma paleta Azul e Amarelo Pastel em designs reais

Comece distribuindo os papéis: escolha um azul pastel como cor de fundo primária, reserve um azul mais profundo para tipografia e botões, e trate o amarelo pastel como destaque. Isso mantém a leitura fácil e evita brilho excessivo do amarelo em grandes áreas.

No UI, use amarelo em pequenos estados interativos (selos, marcadores, indicadores de progresso, itens selecionados) e mantenha textos longos sobre neutros claros. Para impressos, teste o amarelo no papel escolhido—amarelos pastéis mudam facilmente com a luz ambiente.

Para completar o sistema, adicione um acento de transição (menta/aqua) e um neutro (creme/off-white). Você ganha mais flexibilidade no layout sem perder o clima suave de primavera.

Crie visuais de paletas Azul e Amarelo Pastel com IA

Se quiser visualizar uma paleta azul e amarelo pastel em landing pages, cartazes, convites ou mockups de produtos, gerar conceitos rápidos economiza horas. Também é ótimo para testar contraste e hierarquia antes de montar o layout final.

Com Media.io text-to-image, você pode colar um prompt, especificar a proporção da imagem e iterar até que a paleta fique adequada para sua marca ou projeto. Experimente descrever seu tipo de design (UI, flyer, embalagem) e mencionar as cores principais.

Próximo: Paleta de Cores Blue Raspberry