20 Melhores Paletas de Cores Azul Pastel e Amarelo: Códigos Hex e Dicas

Uma paleta de cores azul pastel e amarelo mistura o frescor calmo com o calor do sol, criando um visual que parece leve, amigável e de fácil leitura. É especialmente popular em UI modernas, marcas de primavera e projetos gráficos que precisam de suavidade sem perder clareza.

A seguir, confira combinações de cores azul pastel e amarelo pastel prontas para usar com códigos HEX, além de dicas práticas e prompts de IA que você pode copiar para gerar visuais combinando.

Por que Paletas Azul Pastel e Amarelo Funcionam Tão Bem

O azul pastel traz uma sensação de calma e amplitude, enquanto o amarelo pastel adiciona otimismo suave que evita que o design fique frio. Juntos, criam uma associação equilibrada de “céu + luz do sol” que o espectador reconhece instantaneamente.

Como ambos os tons são claros, é fácil incorporá-los em layouts arejados com muito espaço em branco. Isso faz dos esquemas azul pastel e amarelo ideais para marcas modernas, web design editorial e embalagens com clima limpo e acolhedor.

O segredo está no contraste: use cinza escuro ou azul-marinho para textos e contornos, garantindo boa legibilidade. Reserve o amarelo para destaques, botões de ação ou rótulos-chave, assim a paleta parece intencional e não desbotada.

20+ Ideias de Paletas de Cores Azul Pastel e Amarelo (com Códigos HEX)

1) Piquenique sob o Céu Ensolarado

HEX: #A7D8FF #FFE38A #FFF7E6 #B9E7D0 #6B7A8F

Clima: alegre, arejado, amigável

Melhor para: identidade de cafés e cardápio de verão

Alegre e leve como um piquenique sob um céu claro, esses tons mantêm o visual suave sem parecer desbotado. Use o azul suave como base e o amarelo quente para destacar preços, botões ou itens especiais. Combine com creme para dar espaço e o tom cinza-ardósia para textos e contornos legíveis. Dica: reserve o verde-menta para pequenos ícones, mantendo o layout calmo.

Exemplo de imagem de piquenique sob o céu ensolarado gerado com o media.io

Media.io

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

Experimente Grátis Agora

2) Berçário Nuvem de Limão

HEX: #B7E1FF #FFF2A6 #FFD1DC #F7F7FF #7D8EA3

Clima: suave, aconchegante, divertido

Melhor para: decoração de berçário e temas de chá de bebê

Suave e aconchegante como um cochilo ao sol pela janela, a mistura é doce sem exageros. Mantenha o azul poeirento em superfícies grandes e adicione o tom de limão em pequenos detalhes para aquecer. O toque rosado é perfeito para detalhes como estrelas, corações ou bordas, enquanto o azul acinzentado garante textos nítidos. Dica: use um destaque por tira para evitar visual de loja de doces.

Exemplo de imagem de berçário nuvem de limão gerado com o media.io

3) Buttercream à Beira-Mar

HEX: #9FD3FF #FFE6A1 #FFF1D6 #C7D8FF #5C6B73

Clima: relaxante, litorâneo, limpo

Melhor para: cabeçalhos de blog de lifestyle e posts de viagens

Relaxante e litorâneo como ondas tocando areia morna, os tons são limpos e acolhedores na tela. Esta paleta funciona melhor com azul como base e amarelo buttercream como destaque suave. Combine com fundos marfim quentes e cinza-azulado nas navegações e links. Dica: adicione gradientes sutis entre os azuis para profundidade sem novas cores.

Exemplo de imagem de buttercream à beira-mar gerado com o media.io

4) Toldo do Mercado Matinal

HEX: #8CCBFF #FFE08C #FFFDF4 #D8F3DC #3D4A5A

Clima: fresco, brilhante, organizado

Melhor para: cartazes de feira e sinalização de vendedores

Fresca e brilhante como toldos listrados do mercado pela manhã, essas cores são convidativas e fáceis de ler à distância. Use o amarelo em títulos e etiquetas de preço para chamar atenção. O quase branco mantém o layout leve, enquanto o azul-cinza escuro ancora tipografia e ícones. Dica: mantenha o verde como destaque em chamadas orgânicas ou sazonais.

Exemplo de imagem de toldo do mercado matinal gerado com o media.io

5) Lanchonete Retrô Suave

HEX: #B0D9FF #FFEB99 #FFC9B9 #F2F2F2 #4E5D6C

Clima: nostálgico, animado, acolhedor

Melhor para: branding retro e campanhas em redes sociais

Nostálgico e animado como uma clássica lanchonete, o mix equilibra pastéis doces com tom de tinta sóbria. Deixe o azul para fundos e formas, trazendo o amarelo para selos e ofertas de tempo limitado. O tom pêssego destaca áreas amigáveis, ideal em gráficos sociais. Dica: mantenha a tipografia ousada e simples para um visual divertido, não exagerado.

Exemplo de imagem de lanchonete retrô suave gerado com o media.io

6) Papelaria Springfield

HEX: #A9D6FF #FFE58F #FCEFE3 #D4E5FF #7A869A

Clima: leve, organizado, otimista

Melhor para: convites de casamento e cartões de RSVP

Leve e organizada como papel fresco ao sol, a paleta traz otimismo a layouts formais. Para uma combinação elegante, use o creme como tela principal e o amarelo para linhas finas, monogramas ou pequenos detalhes. Os dois azuis criam hierarquia sutil em títulos e subtítulos, enquanto o azul-cinza garante legibilidade. Dica: imprima o amarelo levemente opaco para evitar saturação em papéis texturizados.

Exemplo de imagem de papelaria springfield gerado com o media.io

7) Gelato à Beira-Mar

HEX: #9ED7FF #FFE78A #FFF5CF #CFF3E6 #2F3A4A

Clima: refrescante, doce, de verão

Melhor para: embalagens e rótulos de sorveteria

Refrescante e doce como gelato à beira-mar, as cores são leves mas chamam atenção na prateleira. Use o amarelo claro no campo do rótulo e mantenha o azul para blocos da marca e padrões. Verde-menta traz frescor nos marcadores de sabor, enquanto o azul-marinho profundo garante a leitura dos ingredientes. Dica: adicione padrões de ondas ou granulados com duas cores para manter a clareza.

Exemplo de imagem de gelato à beira-mar gerado com o media.io

8) UI Escritório Claraboia

HEX: #B8E4FF #FFEEA8 #E9F5FF #DDE3EA #556070

Clima: calmo, focado, moderno

Melhor para: painel de controle UI e painéis de dados

Calmo e focado como luz do dia sobre a mesa, os tons sustentam longas sessões sem cansar. Use o azul claro como superfície principal, reservando o amarelo para alertas, toggles ou estados ativos. Os neutros frios deixam cartões e divisórias nítidos, enquanto o texto em aço garante contraste. Dica: limite o amarelo a apenas uma ação primária por tela para uma hierarquia mais limpa.

Exemplo de imagem de UI escritório claraboia gerado com o media.io

9) Branding de Denim com Manteiga

HEX: #A2D4FF #FFE07A #FFEFE0 #BFD7EA #2D3748

Clima: confiante, acolhedor, contemporâneo

Melhor para: identidade visual para startups e sistemas de logo

Confiante e acolhedora como denim com um detalhe amanteigado, essa mistura é moderna sem exageros. A combinação azul pastel e amarelo se destaca quando o azul é o campo principal da marca e o amarelo, marca registrada em ícones ou tags. O off-white mantém tudo acolhedor e o cinza-escuro fortalece o logotipo. Dica: teste o amarelo em fundos escuros para garantir acessibilidade antes de definir.

Exemplo de imagem de branding de jeans amanteigado gerado com media.io

10) Telas de Onboarding Agradáveis

HEX: #BDE7FF #FFF0A3 #F6FAFF #D7F0E8 #6A7B8C

Clima: acolhedor, claro, de apoio

Melhor para: slides de onboarding e tutoriais de aplicativo

Acolhedor e claro como o início de um dia ensolarado, a paleta faz as instruções parecerem amigáveis. Use os tons mais claros para fundos espaçosos e reserve o amarelo para indicadores de progresso, números de etapas ou um botão principal. O tom menta destaca estados de sucesso sem chamar muita atenção. Dica: mantenha as ilustrações simples e feitas com linhas para que os pastéis permaneçam sob controle.

Exemplo de imagem de telas de onboarding agradáveis gerado com media.io

11) Lavagem Botânica de Narciso

HEX: #A6DBFF #FFED8B #FFF9E8 #BEEBD5 #6E7C87

Clima: primaveril, delicado, artístico

Melhor para: ilustrações botânicas e cartões de felicitações

Primaveril e delicado como narcisos em aquarela sobre papel artesanal, esses tons transmitem leveza natural. Deixe o azul para áreas que simulam céu e use o amarelo para pétalas, pólen ou pequenos detalhes. O fundo cremoso mantém tudo suave, enquanto o cinza-azulado serve bem para legendas e textos menores. Dica: crie textura com sobreposições de lavagens em vez de introduzir mais cores.

Exemplo de imagem de lavagem botânica de narciso gerado com media.io

12) Slides de Sala de Aula Tranquila

HEX: #B2E0FF #FFEAA0 #FFFFFF #D9E2EC #394B59

Clima: claro, paciente, acessível

Melhor para: apresentações de sala de aula e decks educacionais

Claro e paciente como uma sala de aula bem iluminada, a mistura torna o conteúdo acessível para todas as idades. Use branco e azul claro nos slides principais e amarelo nos títulos de seção e pontos-chave. O cinza frio serve para divisórias e gráficos, enquanto o azul profundo mantém a legibilidade nos títulos. Dica: use pouco amarelo sob textos para garantir contraste forte.

Exemplo de imagem de slides de sala de aula tranquila gerado com media.io

13) Embalagem de Sabonete Artesanal

HEX: #A0D7FF #FFE59A #FFF3E8 #E2F0FF #566573

Clima: artesanal, limpo, relaxante

Melhor para: embalagens de cuidados com a pele e rótulos de produtos

Artesanal e limpo como sabonete recém-embalado, os tons transmitem maciez e cuidado. Use o creme quente como base do rótulo e traga o azul para faixas de marca e destaques de ingredientes. Reserve o amarelo para selos ou indicações de fragrância, conferindo um ar premium. Dica: opte por papel fosco e pouco foil para manter o visual pastel autêntico.

Exemplo de imagem de embalagem de sabonete artesanal gerado com media.io

14) Cardápio Brunch Bluebird

HEX: #93D0FF #FFE17E #FFF7EA #CDECCF #34495E

Clima: ensolarado, social, convidativo

Melhor para: cardápios de brunch e cartões de mesa de restaurante

Ensolarado e social como um pátio de brunch no fim de semana, os tons passam frescor e acolhimento. Essa paleta azul pastel e amarelo é ótima para cardápios com fundos claros e estrutura de categorias aparente. Combine o tom cremoso com azul-marinho profundo para os textos e use amarelo para destaques de especiais ou adicionais. Dica: mantenha ícones simples e repita o amarelo apenas em dois ou três pontos por página.

Exemplo de imagem de cardápio brunch Bluebird gerado com media.io

15) Hero Minimalista para Ecommerce

HEX: #B6E3FF #FFECA3 #F8FAFC #E6F2FF #475569

Clima: limpo, moderno, confiável

Melhor para: páginas iniciais de ecommerce e seções hero

Limpo e moderno como uma loja organizada, a paleta transmite confiança e facilidade de navegação. Use azuis gelados para estruturar o layout e cartões de produtos; aplique o amarelo para destacar a principal chamada de ação. O fundo branco quase puro mantém as fotos de produtos livres, e o tom ardósia garante boa leitura. Dica: deixe o preenchimento dos botões amarelo e reserve ações secundárias para contorno azul.

Exemplo de imagem de hero minimalista para ecommerce gerado com media.io

16) Cartaz do Calçadão ao Pôr do Sol

HEX: #8FD0FF #FFD86B #FFF1C1 #A7E6D7 #22303C

Clima: energético, arejado, nostálgico

Melhor para: cartazes de viagem e promoções de eventos

Energético e arejado como um calçadão ao entardecer, as cores transmitem vida sem ser gritantes. Mantenha o azul como campo principal e use o amarelo-alaranjado profundo para destacar o título. O creme suave e o aqua dão profundidade a ilustrações e selos simples. Dica: use o tom escuro apenas em textos e contornos-chave para manter o clima pastel.

Exemplo de imagem de cartaz do calçadão ao pôr do sol gerado com media.io

17) Pastéis Data Viz

HEX: #AEE0FF #FFEE9A #EAF2FF #D0E8FF #334155

Clima: profissional, calmo, legível

Melhor para: relatórios, gráficos e decks analíticos

Profissional e calmo como um bom relatório, os tons mantêm o foco nos dados. Use o ardósia escuro para eixos e legendas e distribua azul e amarelo para séries principais, garantindo clareza imediata. Azuis extra claros ajudam em grades e fundos discretos sem ruído visual. Dica: reserve o amarelo para apenas uma série, assim o destaque se mantém.

Exemplo de imagem de pastéis Data Viz gerado com media.io

18) Telas Sociais Divertidas

HEX: #A8DEFF #FFE87D #FFF2D5 #C9F2E7 #1F2937

Clima: brilhante, animado, jovem

Melhor para: posts de instagram e templates para stories

Brilhantes e animados como confete ao sol, esses tons foram feitos para rolagem rápida nas redes. Combinações azul pastel e amarelo funcionam perfeitamente aqui, escolhendo uma cor dominante por bloco e mantendo o resto em detalhes. Use a cor de tinta escura nos títulos marcantes e deixe o creme como respiro ao redor de stickers ou ícones. Dica: repita o amarelo no mesmo canto em cada peça para um feed coeso.

Exemplo de imagem de telas sociais divertidas gerado com media.io

19) Embalagem de Carrinho de Sorvete

HEX: #9AD6FF #FFE48A #FFF6E1 #FFD0E8 #4B5563

Clima: doce, nostálgico, brincalhão

Melhor para: embalagens para sobremesa e promoções sazonais

Doce e nostálgico como sino de carrinho de sorvete, a paleta é divertida sem perder a limpeza. Use o azul como cor principal da embalagem e realce nomes de sabores e chamadas promocionais em amarelo. O rosa blush dá um toque simpático para edições limitadas, enquanto o cinza assegura legibilidade para ingredientes e códigos de barra. Dica: mantenha os padrões pequenos e simples para evitar que os pastéis “embolem” na impressão.

Exemplo de imagem de embalagem de carrinho de sorvete gerado com media.io

20) Cabeçalho de Blog de Viagem Refrescante

HEX: #B3E6FF #FFED94 #FDF6E3 #C6F1DF #0F172A

Clima: fresco, otimista, nítido

Melhor para: cabeçalhos de blog e banners de newsletter

Fresco e otimista como uma página de novo roteiro, os tons são nítidos e de fácil leitura. Use o azul-marinho forte nos títulos e navegação para que as cores suaves fiquem leves no fundo. O amarelo é melhor como destaque atrás de uma palavra-chave ou preenchendo um botão, enquanto o menta confere um toque de frescor. Dica: mantenha formas de fundo grandes e de baixo contraste para evitar excesso visual em email.

Exemplo de imagem de cabeçalho de blog de viagem refrescante gerado com media.io

Quais Cores Combinam com Azul Pastel e Amarelo?

Neutros são a combinação mais fácil: creme quente, marfim suave e cinzas claros destacam o azul pastel e amarelo pastel, deixando o visual intencional e “projetado”, não acidental. Para tipografia e ícones de interface, escolha ardósia ou azul-marinho para manter contraste confortável.

Para mais frescor, acrescente pequenos toques de menta ou verde-água, especialmente em imagens de lifestyle, alimentação e bem-estar. Se quiser um lado mais doce (quartinho, sobremesas, redes sociais divertidas), blush ou pêssego combinam naturalmente tanto com azul quanto com amarelo.

Para um visual mais premium ou maduro, reduza a saturação e traga um tom metálico suave (como latão), usando discretamente em linhas, selos ou logos.

Como Usar uma Paleta Azul Pastel e Amarelo em Projetos Reais

Comece por uma hierarquia clara: azul pastel como cor principal de superfícies (fundos, grandes formas, cartões), depois use amarelo pastel como cor de atenção para CTAs, etiquetas de preço, rótulos ou palavras-chave. Isso equilibra a paleta e evita visuais “claros demais”.

Na impressão, teste o amarelo cedo ― tons claros podem variar dependendo do papel e densidade da tinta. Nas telas, confira a acessibilidade combinando amarelo com texto escuro (ardósia/azul-marinho), nunca branco.

Se precisar de profundidade sem inserir novas cores, use sombras e leves gradientes nos azuis ou adicione textura (granulação, lavagem aquarela, ruído suave), sempre dentro da mesma família de HEX.

Crie Visuais com Paleta Azul Pastel e Amarelo usando IA

Se tem códigos HEX mas quer mockups reais (cardápios, embalagens, cartazes, telas de UI), IA pode ajudar a gerar visuais consistentes mais rápido. Os prompts acima foram feitos para manter o clima azul pastel e amarelo limpo e legível.

Para melhores resultados, descreva primeiro a cena (ex: “mockup de dashboard UI” ou “convite de casamento”), depois especifique “azul pastel dominante e amarelo suave” e finalize com detalhes como “tipografia minimalista” ou “fundo limpo”.

Próximo: Paleta de Cores de Latão