Combinações de Cores Amarelo e Vermelho: 20 Exemplos com Códigos Hex e Imagens AI

Amarelo e vermelho são uma dupla clássica de cores quentes: o amarelo traz otimismo e visibilidade, enquanto o vermelho adiciona urgência e emoção. Juntos, eles criam paletas que transmitem energia, sabor e captam a atenção instantaneamente.

Abaixo estão 20 ideias selecionadas de paletas de cores amarelo e vermelho com códigos HEX, notas de clima e exemplos de uso no mundo real — além de prompts de IA que você pode usar para gerar visuais combinando rapidamente.

Por que as paletas amarelo e vermelho funcionam tão bem

As paletas amarelo e vermelho pertencem ao espectro quente, por isso naturalmente transmitem uma sensação animada, sociável e de alto impacto. É por isso que são comuns em alimentos, entretenimento, esportes e promoções onde se busca atenção imediata.

O amarelo geralmente é percebido como leve e otimista, ajudando a criar layouts abertos e amigáveis. O vermelho garante contraste e hierarquia — ideal para CTAs, etiquetas de preço, alertas e destaques.

Com o neutro certo (creme, off-white, carvão ou marrom escuro), o amarelo e o vermelho tornam-se mais fáceis de equilibrar. Os neutros também melhoram a legibilidade para que a paleta continue ousada sem ser excessiva.

20+ ideias de paletas de cores amarelo e vermelho (com códigos HEX)

1) Festa Ensolarada

HEX: #ffd43b #ff9f1c #e63946 #7a1f2b #fff3d6

Clima: alegre, festiva, energética

Ideal para: pôster de festival e identidade visual de eventos

Alegres e celebrativos, esses tons lembram confete sob a luz quente da tarde. Use o creme claro para dar respiro e deixe o amarelo e o laranja atraírem atenção para manchetes e chamadas para a ação. Combine com tipografia sem serifa e formas geométricas simples para manter o visual moderno. Dica: reserve o bordô escuro para textos pequenos ou bordas, assim adiciona impacto sem escurecer o layout.

Exemplo de imagem de festa ensolarada gerada usando o media.io

Media.io

Media.io é um estúdio de IA online para criar e editar vídeos, imagens e áudios diretamente no seu navegador.

Experimente Grátis Agora

2) Brasa Açafrão

HEX: #f6c445 #f08a24 #d62828 #5c1a1b #2d2a32

Clima: dramático, ousado, cinematográfico

Ideal para: flyer de noite de cinema e promos de vida noturna

Dramático e esfumaçado, evoca placas de néon brilhando sobre ruas noturnas. Use o açafrão e o laranja para destacar informações principais e faça o ancoramento com o carvão quase preto. Combine com fontes condensadas e pouco espaçamento para um ar dinâmico e cinematográfico. Dica: reserve o tom mais escuro para fundos e use o vermelho principalmente para selos e destaques.

Exemplo de imagem de brasa açafrão gerado usando o media.io

3) Manga com Pimenta

HEX: #ffbe0b #ff7b00 #d62828 #8d1b1b #fef1d0

Clima: picante, divertido, chamativo

Ideal para: identidade visual de food truck e destaques em cardápio

Picante e divertida, lembra fatias de manga madura com pó de pimenta. Essa paleta fica ainda melhor quando o creme suave é base e os vermelhos escuros são usados em preços, ícones e elementos importantes do cardápio. Combine com detalhes desenhados à mão ou ilustrações vetoriais ousadas para dar clima de comida de rua. Dica: mantenha o laranja como tom intermediário para que o vermelho não domine o layout.

Exemplo de imagem de manga com pimenta gerada usando o media.io

4) Papoila Dourada

HEX: #f9d423 #f5a623 #e94f37 #3d1b1f #f7f7f2

Clima: ensolarada, confiante, moderna

Ideal para: logo de startup e guia de identidade visual

Ensolarada e confiante, remete a papoilas em flor sob o céu claro. Use o off-white como tela principal e sobreponha amarelo e laranja para criar uma sensação acolhedora. Combine com linhas em carvão, bastante espaço em branco e uma grade simples para manter o visual sofisticado. Dica: use o marrom-escuro para textos corridos, garantindo legibilidade no impresso e online.

Exemplo de imagem de papoila dourada gerada usando o media.io

5) Tijolo Cítrico

HEX: #ffe066 #ffb703 #d00000 #9d0208 #f8edeb

Clima: forte, esportivo, animado

Ideal para: brindes de times esportivos e badges ousados

Marcante e esportiva, essa combinação evoca luzes de estádio e gritos animados. O tom neutro rosado ajuda o amarelo vivo a não ficar agressivo. Combine com tipografia robusta, contornos fortes e brasões simples para fácil reconhecimento. Dica: evite fundos vermelhos grandes; use vermelho para marcas e o neutro como campo atrás do texto.

Exemplo de imagem de tijolo cítrico gerada usando o media.io

6) Páprica de Mel

HEX: #ffdd57 #f4a261 #e63946 #6d1d1d #f2e9e4

Clima: aconchegante, apetitoso, convidativo

Ideal para: embalagem de especiarias gourmet e anúncios de produtos

Aconchegante e saborosa, remete ao mel, especiarias tostadas e luz de cozinha aquecida. Essas combinações amarelo e vermelho se destacam nas embalagens quando o bege é predominante e o vermelho usado como selo ou indicador de sabor. Combine com texturas de papel kraft, rótulos serifados e ícones de ingredientes simples para um ar artesanal. Dica: reserve o tom mais escuro para textos legais pequenos, garantindo o contraste sem perder a sensação manual.

Exemplo de imagem de páprica de mel gerada usando o media.io

7) Marigold Merlot

HEX: #f6bd60 #f7a072 #c1121f #780000 #fff1e6

Clima: romântica, rica, elegante

Ideal para: papelaria de casamento e convites formais

Romântica e rica, lembra calêndulas ao lado de uma taça de vinho tinto profundo. Use o tom rosado quente como base do papel e adicione detalhes em calêndula em bordas, monogramas ou selos. Combine com tipografia clássica serifada e ilustrações delicadas em linha para um ar refinado. Dica: use o vermelho mais escuro para nomes e informações principais para garantir clareza na impressão.

Exemplo de imagem de marigold merlot gerada usando o media.io

8) Damasco Enferrujado

HEX: #ffd6a5 #ffb385 #e85d04 #9d0208 #fefae0

Clima: terroso, nostálgico, artesanal

Ideal para: rótulos artesanais e sinalização sazonal de mercado

Terrosas e nostálgicas, essas tonalidades lembram damascos secos, vasos de barro e mercados de fim de verão. Use o tom manteiga claro no fundo para que o ferrugem e o vermelho não fiquem pesados. Combine com títulos feitos à mão e carimbos simples para um ar de feirinha. Dica: introduza o laranja como tom médio em botões ou etiquetas de preço para guiar o olhar.

Exemplo de imagem de damasco enferrujado gerada usando o media.io

9) Granada de Limão

HEX: #fff06a #ffd166 #ef476f #b7094c #22223b

Clima: ousada, moderna, alto contraste

Ideal para: gráficos de lançamentos de beleza e promos em redes sociais

Ousada e moderna, lembra batom brilhante sobre um toque de limão no visual. Use o carvão profundo como base para fazer os amarelos brilharem sem cansar. Combine com tipos sans-serif modernos, formas arredondadas e blocos de cor marcados para um ar fashion. Dica: use o vermelho-rosado como destaque para adesivos e banners promocionais, em vez de preencher grandes áreas.

Exemplo de imagem de granada limão gerada usando media.io

10) Butter Crimson

HEX: #fff3b0 #ffd60a #e63946 #a4161a #f6f4f1

Clima: alegre, limpo, amigável

Ideal para: UI de onboarding de aplicativo para toda a família

Alegre e limpo, sugere cafés da manhã ensolarados e interfaces brilhantes e acolhedoras. Use os tons off-white e manteiga para a maioria das superfícies e acrescente o carmesim para botões primários e alertas importantes. Combine com componentes de UI arredondados e espaçamento generoso para manter a energia acessível. Dica: limite o vermelho saturado a uma única ação por tela para evitar poluição visual.

Exemplo de imagem de butter crimson gerada usando media.io

11) Sunrise Terracotta

HEX: #ffe29a #ffb703 #e76f51 #b23a48 #faf3dd

Clima: quente, acolhedor, estilo de vida

Ideal para: lookbooks de decoração para casa e páginas de aterrissagem

Quente e acolhedor, lembra o nascer do sol em azulejos de terracota. Comece com o neutro cremoso para o fundo, depois use o terracota para cabeçalhos de seção e o vermelho mais intenso para chamadas à ação. Combine com texturas naturais, sombras suaves e espaçamento editorial. Dica: use o amarelo brilhante com parcimônia para destaques em avaliações, etiquetas ou pequenos ícones.

Exemplo de imagem de sunrise terracotta gerada usando media.io

12) Dandelion Wine

HEX: #f9c74f #f8961e #d00000 #6a040f #f5f3f4

Clima: clássico, ousado, premium

Ideal para: conceitos de rótulos de vinho e menus de degustação

Clássico e premium, remete a degustações à luz de velas e notas ricas e aveludadas. Use o neutro suave como base do rótulo e o tom vinho intenso para tipografia e detalhes de brasão. Combine com detalhes metalizados e ornamentos contidos para manter o estilo sofisticado. Dica: use o amarelo dente-de-leão como pequeno selo ou medalha para transmitir intenção, não volume.

Exemplo de imagem de dandelion wine gerada usando media.io

13) Pineapple Rouge

HEX: #f6e05e #f4a261 #c9184a #800f2f #fff7e6

Clima: tropical, divertido, estiloso

Ideal para: gráficos de campanhas de verão e cabeçalhos de e-mails

Tropical e divertido, traz à mente fatias de abacaxi e tecidos vibrantes de resorts. Use o tom cremoso como base para manter a paleta leve, depois acrescente o rouge como destaque em botões e códigos promocionais. Combine com padrões simples como bolinhas ou listras para uma atmosfera de verão. Dica: mantenha o texto do corpo no rouge mais escuro para melhor legibilidade.

Exemplo de imagem de pineapple rouge gerada usando media.io

14) Warm Bazaar

HEX: #ffea61 #ffc300 #ff5733 #c70039 #2b2d42

Clima: animado, urbano, energético

Ideal para: sinalização e orientação de mercados de rua

Animado e urbano, lembra barracas movimentadas, placas pintadas à mão e lanternas ao entardecer. Uma paleta vermelho-amarelo como essa funciona melhor quando o navy-charcoal escuro é a base de apoio e os tons vibrantes aparecem em setas e etiquetas de categorias. Combine com ícones robustos e tipografia de alto contraste para fácil leitura à distância. Dica: use o amarelo quente para rotas mais importantes e mantenha o vermelho-alaranjado para chamadas secundárias.

Exemplo de imagem de warm bazaar gerada usando media.io

15) Radiant Carnival

HEX: #ffe55c #ffb000 #ff4d6d #a4133c #fff0d1

Clima: divertido, alegre, jovem

Ideal para: convites de festa infantil e cartazes lúdicos

Divertido e alegre, captura o sentimento de ingressos de carnaval e doces açucarados. Use o creme suave como cor do papel, depois permita que o amarelo e o rosa-quente sejam as formas decorativas e a confete. Combine com fontes arredondadas e ilustrações simples para um clima infantil. Dica: reserve o tom berry mais escuro para contornos, para os tons brilhantes ficarem nítidos.

Exemplo de imagem de radiant carnival gerada usando media.io

16) Autumn Lantern

HEX: #f9d65c #f5a623 #d9480f #8d2a00 #f1faee

Clima: rústico, quente, sazonal

Ideal para: embalagens de produtos de outono e rótulos de velas

Rústico e quente, evoca lanternas de papel, folhas secas e noites aconchegantes. Use o branco menta-arejado como espaço negativo para que o laranja queimado e o vermelho-marrom fiquem ricos sem perder definição. Combine com papel texturizado, tipografia serif minimalista e pequenos motivos ilustrados como folhas ou especiarias. Dica: deixe o marrom-vermelho mais escuro para listas de ingredientes e textos pequenos para manter a clareza.

Exemplo de imagem de autumn lantern gerada usando media.io

17) Spiced Sunset

HEX: #ffe8a3 #ffb703 #e63946 #9b2226 #343a40

Clima: ousado, fundamentado, moderno

Ideal para: UI da página de aterrissagem para conferência de tecnologia

Ousado e fundamentado, parece um pôr do sol sobre os skylines urbanos. Use o charcoal para navegação e rodapé, depois traga o amarelo para destaques e o vermelho para ações primárias. Combine com grade limpa, grandes cabeçalhos de seção e ícones lineares simples para um visual moderno de tecnologia. Dica: mantenha o amarelo pálido nos fundos dos cards para a interface ficar clara e legível.

Exemplo de imagem de spiced sunset gerada usando media.io

18) Desert Marigold

HEX: #f6d365 #fda085 #d62828 #8b1e3f #f8f9fa

Clima: ensolarado, artístico, leve

Ideal para: impressões botânicas em aquarela e papelaria

Ensolarado e artístico, sugere flores do deserto pintadas em um caderno de viagens. Essas combinações de amarelo e vermelho ficam especialmente suaves quando o tom papel quase branco domina e os vermelhos são aplicados como pétalas ou estames pequenos. Combine com texturas de aquarela soltas e muito espaço de margem para um ambiente calmo de galeria. Dica: repita o tom pêssego como base suave atrás de blocos de texto para melhorar a legibilidade sem criar bordas marcadas.

Exemplo de imagem de desert marigold gerada usando media.io

19) Vintage Market

HEX: #fff1a8 #f4d35e #ee6c4d #9a031e #2f2f2f

Clima: retrô, fundamentado, eclético

Ideal para: design de rótulos vintage e pacotes de adesivos

Retrô e fundamentado, lembra etiquetas de preço antigas e toldos desbotados pelo sol. Use o amarelo quente como campo principal e acrescente tomate e vermelho intenso para listras, selos e ilustrações pequenas. Combine com tipografia slab-serif e texturas simples de meia-tinta para destacar o estilo vintage. Dica: use charcoal para contornos e códigos de barras para garantir nitidez em impressões.

Exemplo de imagem de vintage market gerada usando media.io

20) Bold Picnic

HEX: #fff275 #ffb703 #e5383b #b21e35 #ffffff

Clima: brilhante, amigável, clássico

Ideal para: cartazes de promoção de verão e sinalização de vitrines

Brilhante e amigável, lembra toalhas de piquenique, bancas de limonada e sinalização clássica de verão. Use branco como fundo principal para manter a paleta nítida, depois destaque os vermelhos em manchetes e selos de desconto. Combine com formas simples e traços grossos para máxima legibilidade à distância. Dica: mantenha os dois amarelos separados por espaço em branco para não se fundirem em um bloco plano.

Exemplo de imagem de bold picnic gerada usando media.io

Que cores combinam com amarelo e vermelho?

Neutros são a combinação mais fácil: creme, off-white, bege e cinza quente ajudam amarelo e vermelho a ficarem sofisticados e legíveis. Para contraste moderno, charcoal e quase preto fazem os tons quentes se destacarem sem poluição visual.

Para um resultado mais terroso, combine amarelo-vermelho com marrom cacau, terracota e tons de argila suaves. Se quiser um toque mais fresco, experimente um contraponto frio como navy profundo ou um leve toque de teal—aplicado com moderação para evitar conflito.

Quando precisar de acessibilidade e legibilidade (especialmente em UI), mantenha o texto sobre neutros claros ou fundos charcoal profundos, e reserve vermelhos saturados para uma única ação primária por vez.

Como usar uma paleta de cores amarelo e vermelho em projetos reais

Comece com uma base neutra (branco/creme/charcoal), depois escolha uma cor quente “hero”—geralmente amarelo para simpatia ou vermelho para urgência. Use a segunda cor quente como destaque para hierarquia (selos, ícones, estados de CTA, destaques).

Controle a saturação pela escala das áreas: fundos grandes devem ser neutros, seções médias podem usar amarelo/laranja e elementos pequenos podem receber os vermelhos mais intensos. Isso mantém o design energético sem causar fadiga visual.

Para sistemas de branding, defina funções: amarelo para destaques e mensagens otimistas, vermelho para ação/alertas e um tom escuro para tipografia. Esse método mantém posters, landing pages e gráficos sociais consistentes.

Crie visuais de paleta amarelo e vermelho com IA

Se já possui códigos HEX, transforme-os em visuais consistentes descrevendo o layout (poster, UI, rótulo, convite), o estilo (vetorial, minimalista, premium) e o tom de fundo (creme, branco, charcoal). Bons prompts também especificam “sem fotos” ou “pronto para impressão” quando necessário.

Use o Media.io para gerar exemplos alinhados à marca rapidamente—depois ajuste a tipografia, formas, espaçamento ou o equilíbrio entre amarelo e vermelho. Isso é útil especialmente quando se testa várias variações de anúncios ou ao construir um moodboard de marca.

Escolha uma paleta acima, copie o prompt e ajuste o assunto para seu projeto (menu, lançamento de produto, tela de app, flyer) para resultados rápidos e coesos.

Próximo: Paleta de Cores Branco e Marrom