15 paletas de cores amarelo, laranja e azul com códigos HEX

Amarelo, laranja e azul formam uma combinação de cores marcada pelo contraste entre tons quentes e frios. Enquanto amarelo e laranja podem trazer luminosidade e energia à composição, o azul ajuda a equilibrar o conjunto com tons mais frios e profundos.

Neste guia, você encontra 15 paletas de cores amarelo, laranja e azul com códigos HEX, organizadas entre combinações cinematográficas, retrô, modernas e pastel. Use-as como referência para vídeos, miniaturas, títulos, identidades visuais, apresentações e outros projetos criativos.

Paletas amarelo, laranja e azul inspiradas no pôr do sol

Entardecer no porto

• Códigos HEX: #ffb347, #ffd166, #ff9f1c, #118ab2, #073b4c.
• Atmosfera: quente, aventureira e cinematográfica.
• Use para: viagens, praia, vídeos de drone, títulos e aberturas.

Amarelo dourado (#ffb347 e #ffd166), laranja (#ff9f1c), azul médio (#118ab2) e azul profundo (#073b4c) lembram a transição entre a luz do fim de tarde e o mar mais escuro.

Use os tons quentes em títulos, ícones e pequenos destaques. Os dois azuis funcionam bem como fundos, bordas e áreas maiores, criando contraste suficiente para textos claros.

Dica: mantenha a paleta consistente no Filmora

Depois de escolher os códigos HEX, reutilize-os em títulos, formas, bordas e outros elementos gráficos. Isso ajuda a manter a mesma direção visual entre abertura, capítulos, miniaturas e tela final.

Na filmagem, não é necessário reproduzir exatamente cada valor HEX. Use as cores como referência e ajuste exposição, balanço de branco, saturação e contraste de acordo com cada cena.

Paleta de cores com IA

Se você já tiver uma imagem ou vídeo que represente a combinação desejada, pode usar a Paleta de cores com IA do Filmora para orientar a aparência de outros clipes.

Isso pode ser útil ao combinar cenas gravadas em horários, locais ou dispositivos diferentes. Depois, revise o resultado e faça ajustes adicionais quando necessário.

HSL, rodas de cores e curvas

Os controles de HSL permitem ajustar amarelos, laranjas e azuis separadamente. Você pode reduzir a saturação de amarelos muito intensos, controlar os laranjas próximos aos tons de pele ou aprofundar o azul nas sombras.

As rodas de cores e curvas disponíveis nas ferramentas de correção de cor do Filmora ajudam a equilibrar sombras, meios-tons, realces e contraste.

Filtros de vídeo e LUTs 3D

Os filtros de vídeo e LUTs 3D do Filmora também podem servir como ponto de partida para um visual mais quente, contrastado ou cinematográfico.

Depois de aplicar um filtro ou LUT, ajuste sua intensidade e revise principalmente os tons de pele, os amarelos mais claros e as áreas azuis muito escuras.

Teste grátis Teste grátis

Baixar o app

Download seguro

Horizonte solar

• Códigos HEX: #ffe066, #ff9f1c, #f3722c, #4ea8de, #1d3557.
• Atmosfera: intensa, energética e contrastante.
• Use para: aberturas, trailers, motion graphics e títulos chamativos.

Amarelo (#ffe066), laranja (#ff9f1c), vermelho-alaranjado (#f3722c), azul-claro (#4ea8de) e azul-marinho (#1d3557) criam uma escala com contraste forte entre quente e frio.

Use o azul-marinho em áreas maiores e reserve amarelo e laranja para títulos, linhas e elementos de destaque.

Corrente tropical

• Códigos HEX: #ffd166, #fca311, #ff8500, #00b4d8, #0077b6.
• Atmosfera: tropical, luminosa e aventureira.
• Use para: viagens, praias, hotéis, turismo e conteúdo de verão.

Amarelo dourado (#ffd166), laranjas (#fca311 e #ff8500), ciano (#00b4d8) e azul (#0077b6) lembram sol, areia, céu e água.

É uma combinação adequada para projetos de viagem. Use os tons azuis como estrutura e deixe as cores quentes marcarem títulos, destinos e informações importantes.

Céu de brasas

• Códigos HEX: #ffe29f, #ffa62b, #ff6b35, #4d9de0, #23395b.
• Atmosfera: quente, dramática e cinematográfica.
• Use para: curtas, narrativas, viagens e vídeos com iluminação de fim de tarde.

Amarelo-creme (#ffe29f), laranja dourado (#ffa62b), laranja avermelhado (#ff6b35), azul (#4d9de0) e azul-ardósia (#23395b) criam uma versão um pouco menos saturada da combinação.

Use o azul mais escuro como base e os tons quentes em pequenos pontos de luz, textos ou elementos gráficos.

Paletas amarelo, laranja e azul retrô e divertidas

Arcade à beira-mar

• Códigos HEX: #ffe45e, #ff9f1c, #ff595e, #48dbfb, #1b1464.
• Atmosfera: divertida, retrô e vibrante.
• Use para: games, lifestyle, reações, miniaturas e identidades criativas.

Amarelo (#ffe45e), laranja (#ff9f1c), coral (#ff595e), ciano (#48dbfb) e azul-roxo profundo (#1b1464) remetem a fliperamas, letreiros e cartazes de praia.

Use o tom mais escuro como fundo e distribua as outras quatro cores em adesivos, etiquetas, títulos ou formas.

Noite neon no calçadão

• Códigos HEX: #fff200, #ff9f1c, #ff6bcb, #00d8ff, #0652dd.
• Atmosfera: elétrica, noturna e intensa.
• Use para: música, festas, Reels, Shorts e projetos com estética neon.

Amarelo neon (#fff200), laranja (#ff9f1c), rosa (#ff6bcb), ciano (#00d8ff) e azul (#0652dd) formam uma composição de alta saturação.

Como todas as cores chamam bastante atenção, escolha uma ou duas como protagonistas e use as demais apenas em pequenos detalhes.

Refresco cítrico

• Códigos HEX: #fff3b0, #ffb703, #fb5607, #89c2d9, #277da1.
• Atmosfera: fresca, leve e otimista.
• Use para: gastronomia, bebidas, produtos, lifestyle e redes sociais.

Amarelo-claro (#fff3b0), amarelo dourado (#ffb703), laranja (#fb5607), azul-claro (#89c2d9) e azul médio (#277da1) equilibram cores vivas com uma base mais suave.

Use o amarelo mais claro em fundos e o azul escuro em textos. Laranja funciona bem como cor de destaque.

Festa pixel na praia

• Códigos HEX: #ffe66d, #ff9100, #ff5d8f, #4cd4ff, #185adb.
• Atmosfera: jovem, divertida e retrô.
• Use para: animação, games, reações, pixel art e conteúdo de verão.

Amarelo (#ffe66d), laranja (#ff9100), rosa (#ff5d8f), ciano (#4cd4ff) e azul (#185adb) formam uma combinação adequada para elementos gráficos pequenos e muito coloridos.

Use o azul como base para manter a leitura e deixe amarelo, laranja e rosa em elementos de maior destaque.

Paletas amarelo, laranja e azul minimalistas e modernas

Amanhecer minimalista

• Códigos HEX: #fff7d1, #ffd166, #fca311, #90e0ef, #023e8a.
• Atmosfera: clara, amigável e moderna.
• Use para: marcas, educação, apresentações, tecnologia e vídeos explicativos.

Creme amarelado (#fff7d1), amarelo (#ffd166), laranja (#fca311), azul-claro (#90e0ef) e azul-marinho (#023e8a) criam uma composição fácil de aplicar em layouts informativos.

Use a cor mais clara como fundo, azul-marinho em textos e amarelo ou laranja para destacar informações pontuais.

Horizonte urbano

• Códigos HEX: #f8f9fa, #ffd166, #f77f00, #4dabf7, #1b4965.
• Atmosfera: urbana, limpa e contemporânea.
• Use para: tecnologia, startups, gráficos, apresentações e títulos.

Branco acinzentado (#f8f9fa), amarelo (#ffd166), laranja (#f77f00), azul (#4dabf7) e azul-petróleo (#1b4965) combinam uma base neutra com quatro cores de contraste.

É uma paleta útil para infográficos e interfaces, pois permite separar facilmente fundos, títulos, dados e destaques.

Faixas diagonais

• Códigos HEX: #ffefa0, #ffb703, #ff8500, #48cae4, #1d4e89.
• Atmosfera: dinâmica, organizada e moderna.
• Use para: logos, aberturas, gráficos e identidades visuais.

Amarelo-claro (#ffefa0), amarelo dourado (#ffb703), laranja (#ff8500), ciano (#48cae4) e azul (#1d4e89) funcionam bem em faixas, blocos e formas geométricas.

Use os tons quentes para direcionar o olhar e o azul profundo como base para logotipos e títulos.

Títulos de alto contraste

• Códigos HEX: #fff3bf, #ffba08, #f48c06, #3a86ff, #03045e.
• Atmosfera: intensa, clara e confiante.
• Use para: títulos, capítulos, tutoriais, miniaturas e informações importantes.

Amarelo-claro (#fff3bf), amarelo (#ffba08), laranja (#f48c06), azul intenso (#3a86ff) e azul-marinho (#03045e) oferecem várias opções de contraste.

O azul-marinho é uma boa base para texto amarelo ou branco, enquanto laranja e azul-claro podem identificar elementos secundários.

Paletas amarelo, laranja e azul em tons pastel

Costa em tons pastel

• Códigos HEX: #fff4cc, #ffd6a5, #ffadad, #9bf6ff, #a0c4ff.
• Atmosfera: suave, clara e nostálgica.
• Use para: lifestyle, estudos, diários, viagens e conteúdos com estética delicada.

Amarelo-creme (#fff4cc), pêssego (#ffd6a5), rosa-coral (#ffadad), ciano pastel (#9bf6ff) e azul pastel (#a0c4ff) criam uma composição de baixo contraste.

Como todas as cores são claras, use texto em cinza, azul-marinho ou outro tom escuro para garantir legibilidade.

Brisa de limão pela manhã

• Códigos HEX: #fff9c4, #ffe0b2, #ffcc80, #b3e5fc, #81d4fa.
• Atmosfera: leve, fresca e luminosa.
• Use para: bem-estar, produtividade, tutoriais, planners e conteúdos educativos.

Amarelo-limão muito claro (#fff9c4), tons de damasco (#ffe0b2 e #ffcc80) e dois azuis suaves (#b3e5fc e #81d4fa) formam uma paleta clara e pouco saturada.

Use-a principalmente em fundos, caixas de informação e elementos de apoio. Para textos longos, acrescente uma cor mais escura.

Marina entre nuvens

• Códigos HEX: #fdfcdc, #ffe5b4, #ffc971, #cdeffd, #89c2ff.
• Atmosfera: tranquila, arejada e suave.
• Use para: viagens, narrativas, paisagens, vlogs e projetos contemplativos.

Creme amarelado (#fdfcdc), pêssego (#ffe5b4), laranja-claro (#ffc971), azul quase branco (#cdeffd) e azul suave (#89c2ff) criam uma composição inspirada em luz difusa e paisagens costeiras.

Como o contraste interno é baixo, acrescente um azul mais profundo ou cinza escuro quando precisar exibir títulos pequenos.

Como criar paletas de amarelo, laranja e azul

Amarelo, laranja e azul podem gerar resultados muito diferentes conforme saturação, luminosidade e proporção entre as cores. Antes de montar a paleta, defina qual delas será dominante e quais funcionarão apenas como apoio.

• Escolha uma cor principal: azul pode estruturar o fundo, enquanto amarelo ou laranja funcionam como destaques. A proporção também pode ser invertida conforme o projeto.
• Use azul para aumentar o contraste: azul-marinho e azul-petróleo funcionam bem atrás de textos amarelos, brancos ou creme.
• Evite amarelo-claro sobre azul-claro: quando as duas cores tiverem luminosidade semelhante, a legibilidade pode cair.
• Controle a saturação: versões muito saturadas funcionam bem para games, música e entretenimento; versões mais suaves podem se adaptar melhor a educação, lifestyle e projetos corporativos.
• Inclua neutros quando necessário: branco, creme, cinza, carvão ou preto ajudam a separar amarelo, laranja e azul em layouts mais complexos.
• Preserve os tons de pele: ao trabalhar a filmagem, cuidado para não intensificar demais amarelo e laranja em rostos.
• Diferencie gráficos e filmagem: use códigos HEX diretamente em textos e formas. Para cenas gravadas, use a paleta como referência para os ajustes de cor.
• Repita os mesmos HEX: usar os mesmos valores em miniaturas, títulos, banners e telas finais ajuda a manter uma identidade consistente.
• Teste em diferentes telas: amarelos muito claros podem desaparecer em fundos brancos e azuis muito escuros podem perder detalhes em telas com brilho reduzido.

As 15 paletas deste guia mostram desde combinações inspiradas no pôr do sol até versões neon, corporativas e pastel. Você não precisa usar todas as cinco cores de cada grupo na mesma proporção.

Uma estrutura simples é escolher uma cor de fundo, uma cor para texto e uma cor de destaque, deixando as demais apenas para elementos secundários.

Teste grátis Teste grátis

Baixar o app

Download seguro