Paletas de Cores Amarelo, Laranja e Vermelho: 20 Combinações com Hex

Amarelo, laranja e vermelho estão lado a lado na roda de cores, por isso se misturam naturalmente e transmitem uma sensação instantânea de "calor". Isso os torna perfeitos para branding moderno, UI marcante e layouts impressos que captam a atenção.

Abaixo estão 20 paletas de amarelo, laranja e vermelho com códigos HEX, além de dicas práticas de combinação e exemplos de prompts de IA que você pode usar para gerar visuais compatíveis rapidamente.

Por que paletas de amarelo, laranja e vermelho funcionam tão bem

Amarelo, laranja e vermelho comunicam calor e movimento. Por serem tons análogos, seus designs ficam coesos mesmo quando você mistura matizes claras com acentos profundos e saturados.

Esses tons também atraem naturalmente a atenção: amarelo é visto como brilhante e otimista, laranja como enérgico e amigável, e vermelho como urgente e decisivo. Por isso, funcionam bem em CTAs, promoções e hierarquia de títulos.

O segredo está no controle do contraste. Se tudo for quente e brilhante, a legibilidade é prejudicada—então você terá melhores resultados adicionando espaços off-white e usando texto com carvão, marrom escuro ou quase preto.

Mais de 20 ideias de paletas de cores amarelo, laranja e vermelho (com códigos HEX)

1) Amanhecer Açafrão

HEX: #FFF1A8 #FFD166 #FCA311 #F77F00 #D62828

Humor: otimista, radiante, enérgico

Melhor para: diretrizes de marca, logos de lifestyle, moodboards de campanhas

Otimistas e radiantes, esses tons lembram o sol da manhã iluminando ruas quentes da cidade. Use os amarelos mais brilhantes para fundos e os tons laranja-vermelho mais profundos para títulos e chamadas para ação. Combine com off-white e um toque de carvão para uma leitura nítida. Dica: mantenha o vermelho mais escuro apenas para pequenos detalhes, evitando sobrecarregar o layout.

Exemplo de imagem de amanhecer açafrão gerada com media.io

Media.io

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

Teste grátis agora

2) Brasa de Manga

HEX: #FFE08A #FFB703 #FB8500 #E85D04 #9D0208

Humor: ousado, esportivo, marcante

Melhor para: telas de onboarding de apps, banners promocionais, seções de CTA

Ousada e marcante, lembra manga madura com acabamento de brasa ardente. Deixe os tons dourados dominarem as superfícies principais e use os vermelhos escuros para botões e etiquetas-chave. Combina bem com UI branca limpa e divisores cinza sutis. Dica: reserve o tom mais escuro para estados focados e destaques de erro.

Exemplo de imagem brasa de manga gerada com media.io

3) Toque de Papaia

HEX: #FFF3B0 #FFD60A #FF9F1C #FF5400 #C1121F

Humor: divertido, jovem, cheio de energia

Melhor para: posters de eventos de verão, gráficos para redes sociais, promos de música

Divertida e com muita energia, evoca bancas de frutas, patins e playlists altas de verão. Esta paleta funciona melhor quando o amarelo brilhante é o pano de fundo e os vermelhos são seus pontos focais de impacto. Combine com tipografia preta para máxima legibilidade e toque moderno. Dica: use o laranja intermediário para degradês, suavizando as transições entre claro e escuro.

Exemplo de imagem toque de papaia gerada com media.io

4) Papoila Dourada

HEX: #FFF1C1 #FFCA3A #FF924C #F94144 #8D0801

Humor: ensolarado, confiante, aventureiro

Melhor para: embalagens de snacks, etiquetas de feira, displays de varejo

Ensolaradas e confiantes, essas tonalidades lembram campos de papoilas e bancas de frutas à beira da estrada. Use os tons dourados para a área principal do rótulo e os vermelhos mais profundos para marcas de branding e destaques de sabor. Combina naturalmente com textura de papel kraft ou branco fosco limpo. Dica: utilize bordas finas vermelhas em vez de blocos grandes para manter o visual fresco.

Exemplo de imagem papoila dourada gerada com media.io

5) Carnaval Cítrico

HEX: #FFF5D6 #FFD23F #FF8C42 #FF3C38 #A71D31

Humor: festivo, marcante, amigável

Melhor para: promos no instagram, anúncios de lançamento, publicidade de festivais

Festivo e amigável, lembra confete, fatias cítricas e desfiles ao entardecer. Use o tom mais claro e cremoso como espaço de respiro, depois sobreponha laranja e vermelho para formas ousadas e distintivos. Combine com tipografia sans-serif simples e espaçamento generoso para manter o visual moderno. Dica: mantenha degradês sutis e deixe blocos sólidos fazerem o trabalho.

Exemplo de imagem carnaval cítrico gerada com media.io

6) Calor do Deserto

HEX: #F9E076 #F6AA1C #BC3908 #941B0C #4F000B

Humor: robusto, dramático, cinematográfico

Melhor para: design de menu de churrasco, branding de molho picante, posters ao ar livre

Robusto e cinematográfico, transmite sensação de areia sob o sol, madeira queimada e brilho distante de uma fogueira. Essas combinações amarelo, laranja e vermelho se destacam em menus e etiquetas onde o calor deve ser intenso, mas fundamentado. Combine com fundos texturizados como papel e use creme claro para legibilidade. Dica: aplique o tom mais escuro em texto só em tamanhos pequenos e áreas de contraste alto.

Exemplo de imagem calor do deserto gerada com media.io

7) Mercado de Outono

HEX: #FFF0B3 #F4D35E #EE964B #F95738 #C5283D

Humor: aconchegante, nostálgico, acolhedor

Melhor para: flyers sazonais, sinalização de loja, posters para feiras de artesanato

Aconchegante e nostálgico, lembra abóboras empilhadas na porta e doces quentes esfriando no balcão. Os amarelos suaves mantêm o layout acolhedor, enquanto os laranja-vermelhos destacam preços e títulos. Combine com tipografia serifada para toque artesanal ou sans limpa para varejo moderno. Dica: use o laranja intermediário como principal acento para evitar que o vermelho seja excessivamente marcante.

Exemplo de imagem mercado de outono gerada com media.io

8) Brilho de Calêndula

HEX: #FFF4C2 #FFDD57 #FFB703 #FB8500 #E63946

Humor: alegre, limpo, moderno

Melhor para: anúncios de skincare, landing pages de beleza, cabeçalhos de e-mail

Alegre e limpo, lembra calêndulas sob luz suave da tarde com acabamento moderno e brilhante. Use o amarelo claro para fundos espaçosos e o laranja para destaque de produtos. Combine com neutros quentes e ícones de linha minimalistas para um visual refinado. Dica: mantenha o vermelho como acento pequeno em distintivos ou reivindicações-chave.

Exemplo de imagem brilho de calêndula gerada com media.io

9) Terracota Temperada

HEX: #FBE0C3 #F7B267 #F79D65 #F25C54 #7A1F1F

Humor: terroso, artesanal, quente

Melhor para: branding de decoração, etiquetas de cerâmica, sites rústicos

Terroso e artesanal, sugere potes de argila, pó de canela e paredes de estuque aquecidas. Deixe o pêssego pálido como base suave e sobreponha tons de terracota para profundidade e textura. Combine com papel natural, tons de madeira ou artes de linha preta simples. Dica: adicione padrões ou granulação no fundo para que os meios-tons quentes fiquem ainda mais ricos.

Exemplo de imagem de terracota condimentada gerada pelo media.io

10) Chama Dourada

HEX: #FFF2B2 #FFD166 #FF9F1C #FF6B35 #E63946

Humor: vibrante, amigável, energético

Melhor para: anúncios de bebidas, promoções fitness, banners de destaque

Vibrante e amigável, lembra mel escorrendo encontrando a borda limpa de uma chama. Os tons dourados mantêm tudo acessível, enquanto o laranja e o vermelho coral trazem movimento e entusiasmo. Combine com tipografia condensada e ousada e bastante espaço em branco. Dica: use formatos diagonais ou destaques inclinados para potencializar o clima energético.

Exemplo de imagem de chama dourada gerada pelo media.io

11) Lanternas de Festival

HEX: #FFF6A3 #FFCF33 #FF9F1C #F15A29 #C1121F

Humor: festivo, acolhedor, brilhante

Melhor para: convites para festas, panfletos de eventos culturais, cartões comemorativos

Festivo e brilhante, remete à luz de lanternas e aromas de comida de rua. Para paleta equilibrada de amarelo, laranja e vermelho, mantenha o amarelo claro como tom principal do papel e use o vermelho para nomes, datas e destaques principais. Combine com motivos geométricos simples ou ícones inspirados em lanternas para reforçar o tema. Dica: evite degradês pesados e prefira blocos de cor nítidos para clareza na impressão.

Exemplo de imagem de lanternas de festival gerada pelo media.io

12) Chai Coral

HEX: #FFF1E1 #FFD6A5 #FFAD69 #FF7F51 #D62828

Humor: suave, aconchegante, acessível

Melhor para: branding de café, cabeçalhos de menu, logos de pequenas empresas

Suave e aconchegante, lembra um chai vaporizado com um toque coral. Use o tom cremoso para manter os layouts leves, adicione laranja e coral para calor e personalidade. Combine com texto marrom escuro ou carvão para acabamento estável. Dica: um sublinhado vermelho fino ou marca de carimbo adiciona personalidade sem pesar.

Exemplo de imagem de chai coral gerada pelo media.io

13) Tijolo Assado ao Sol

HEX: #FFE6A7 #F6BD60 #E07A5F #BC3908 #6A040F

Humor: tradicional, sólido, robusto

Melhor para: capas de livros, marcas de arquitetura, embalagens artesanais

Sólida e robusta, remete a muros de tijolo aquecidos pelo sol do fim de tarde. Deixe os tons claros ocuparem superfícies maiores e use os tons de tijolo e vinho para títulos e elementos estruturais. Combine com tipografia serifada clássica e bastante margem para um ar premium. Dica: insira textura sutil ou efeito de relevo para que as cores escuras não fiquem planas.

Exemplo de imagem de tijolo assado ao sol gerada pelo media.io

14) Degradê do Pôr do Sol

HEX: #FFF2A6 #FFD166 #FF8C42 #F24C3D #B80C09

Humor: elegante, moderno, dramático

Melhor para: áreas de destaque em sites, landing pages SaaS, banners

Elegante e dramático, lembra um horizonte limpo desbotando do dourado ao vermelho pôr do sol intenso. Essa combinação de amarelo, laranja e vermelho fica ótima em áreas grandes com degradês e elementos mínimos de UI. Combine com texto branco e sombras subtis para manter o contraste em seções claras. Dica: teste acessibilidade cedo, já que o amarelo pode prejudicar fontes finas.

Exemplo de imagem de degradê do pôr do sol gerada pelo media.io

15) Especiarias de Abóbora

HEX: #FFF3C4 #FFC857 #FF7A00 #E85D04 #B02A37

Humor: sazonal, acolhedor, convidativo

Melhor para: cabeçalhos de blogs de receitas, promoções de outono, campanhas de e-mail

Sazonal e convidativo, lembra vapor de especiarias de abóbora e folhas douradas ao vento. Use o tom claro como fundo tranquilo, depois construa a hierarquia com títulos laranja e detalhes em vermelho quente. Combine com creme suave ou cinza claro para evitar excesso de saturação. Dica: um banner laranja forte já basta; deixe os tons claros complementarem.

Exemplo de imagem de especiarias de abóbora gerada pelo media.io

16) Neutros de Luz de Fogo

HEX: #FFF1CF #FFCC66 #FF944D #D9480F #5C1A1B

Humor: calmo, sofisticado, premium

Melhor para: rótulos de produtos, embalagens boutique, anúncios minimalistas

Calmo e premium, remete à luz de velas sobre madeira escura. Estas combinações de amarelo, laranja e vermelho ficam sofisticadas quando creme e âmbar ocupam a maior parte do layout. Combine com tipo preto fosco e grades simples para um ar de boutique. Dica: deixe o tom mais escuro apenas para selos ou monogramas para transmitir qualidade.

Exemplo de imagem de neutros de luz de fogo gerada pelo media.io

17) Sorbet de Tangerina

HEX: #FFF4D1 #FFE066 #FFB703 #FF6D00 #F94144

Humor: fresco, cítrico, divertido

Melhor para: ilustrações de primavera, cartazes infantis, promoções de snacks

Fresco e cítrico, lembra sorvete derretendo na calçada quente. Use o amarelo limão como principal, adicione formas de tangerina e um pequeno destaque vermelho para contraste. Combine com linhas desenhadas à mão e bastante espaço negativo para manter o ar leve. Dica: evite sombras pesadas; blocos de cores chapadas mantêm o clima do sorbet suave.

Exemplo de imagem de sorbet de tangerina gerada pelo media.io

18) Cítrico Carmesim

HEX: #FFF1A8 #FFC300 #FF8800 #FF4800 #B5171F

Humor: marcante, ousado, alto contraste

Melhor para: editoriais, capas de álbuns, cartazes de destaque

Marcante e ousado, lembra casca de cítrico brilhante com um toque carmesim. Use o amarelo como destaque, não como fundo, para manter o contraste. Combine com fotografia preto e branco ou formas monocromáticas simples para toque editorial moderno. Dica: mantenha vermelho em blocos grandes e laranja em detalhes se quiser o visual menos agressivo.

Exemplo de imagem de cítrico carmesim gerada pelo media.io

19) Colheita de Âmbar

HEX: #FFF0A6 #FFD972 #FF9F1C #F77F00 #AE2012

Humor: caloroso, abundante, rústico

Melhor para: cartazes de promoção de varejo, banners de vitrine, sinalização

Caloroso e abundante, lembra cestas de colheita, xarope âmbar e frutas ao sol. Use o amarelo suave para áreas grandes e deixe o laranja-avermelhado criar urgência para descontos e mensagens de tempo limitado. Combine com texto marrom escuro ou quase preto para ótima leitura à distância. Dica: mantenha o layout simples e use grandes blocos de cor para chamar atenção.

Exemplo de imagem de colheita de âmbar gerada pelo media.io

20) Bilhete de Amor Solar

HEX: #FFF4B8 #FFDD57 #FF9F1C #FF5A3C #C1121F

Humor: romântico, ensolarado, inspirador

Melhor para: cartões comemorativos, save the date de casamento, promos de Dia dos Namorados

Romântico e ensolarado, lembra um bilhete escrito à mão deixado na janela iluminada. Essas combinações de amarelo, laranja e vermelho ficam delicadas com muito espaço em branco e arte linear sutil. Combine com uma serif elegante e um simples motivo de coração ou floral para finalizar de forma doce e moderna. Dica: use o vermelho profundo só para nomes ou um pequeno selo para manter o visual leve.

Exemplo de imagem de bilhete de amor solar gerada pelo media.io

Quais cores combinam bem com amarelo, laranja e vermelho?

Para contraste limpo, combine paletas quentes com neutros nítidos: off-white para dar respiro, carvão ou quase preto para tipografia e divisores de UI. Assim evita que amarelos claros apaguem o texto fino.

Se deseja um visual mais premium e sólido, adicione tons terrosos como marrom cacau, bege argila ou kraft. Eles suavizam um pouco a saturação e mantêm o calor.

Para um toque moderno e afiado, insira contrapontos frios com moderação—marinho profundo ou teal como "âncora tech" destacam ainda mais laranja e vermelho sem perder controle.

Como usar uma paleta de cor amarelo, laranja e vermelho em designs reais

Comece pelos papéis: fundo amarelo claro/creme, laranja médio como acento secundário e vermelho como cor de prioridade máxima (CTA, preço, alerta, badge). Assim evita o excesso de tons quentes.

Ao usar degradês, mantenha-os grandes e simples—áreas de destaque, banners ou cartazes funcionam melhor. Para elementos pequenos de UI (chips, tags, ícones), prefira cores chapadas para garantir legibilidade.

Em impressão e embalagem, atente ao excesso de tinta: vermelhos escuros podem dominar. Use bordas finas, carimbos ou selos pequenos para o vermelho e deixe amarelos/laranjas quentes nas superfícies maiores.

Crie visuais de paletas amarelo, laranja e vermelho com IA

Se já tem códigos HEX, pode gerar mockups rapidamente criando cartazes, embalagens, seções de UI ou padrões que combinem com o clima da paleta.

Reutilize os prompts acima, só ajuste o tema (menu, landing page, rótulo, convite), mantendo a mesma direção de cor. Isso acelera a concepção e ajuda equipes a alinhar o visual.

Gere algumas variações e escolha a com hierarquia e contraste mais limpos—especialmente quando o amarelo fica atrás do texto.

Próximo: Paleta de Cores Love