O azul-petróleo combina características do azul e do verde e pode variar de tons profundos e acinzentados até versões mais próximas do turquesa e do ciano. Por isso, ele funciona tanto em composições calmas e costeiras quanto em visuais tecnológicos, cinematográficos ou de alto contraste.
Neste guia, você encontra 15 paletas de cores azul-petróleo com códigos HEX para usar em miniaturas, títulos, fundos, interfaces, terços inferiores e outros elementos gráficos. Em vídeos, essas combinações também podem servir como referência para correção e gradação de cor no Filmora.
Neste artigo
Paletas azul-petróleo calmas e costeiras
1. Amanhecer à beira-mar

- Códigos HEX: #0f8a9d, #74cbd4, #f2f7f8, #f4d1a6, #2b4453
- Atmosfera: tranquila, clara e costeira.
- Ideal para: vídeos de viagem, praia, lifestyle e aberturas suaves.
Amanhecer à beira-mar combina azul-petróleo e azul-claro com areia quente e um azul acinzentado profundo. O contraste entre tons frios e quentes lembra a costa nas primeiras horas da manhã.
Use #0f8a9d e #2b4453 em títulos, logotipos e elementos de maior contraste. #74cbd4 e #f2f7f8 funcionam bem em fundos e formas mais leves, enquanto #f4d1a6 pode aparecer em pequenos detalhes para aquecer a composição.
Dica: mantenha sua estética azul-petróleo consistente no Filmora
Em títulos, formas e outros elementos gráficos, você pode reutilizar os códigos HEX da paleta ao longo do projeto. Isso ajuda a conectar visualmente a abertura, os terços inferiores, as telas finais e as miniaturas.
Para a filmagem, prefira usar a paleta como referência visual. Ajuste temperatura, saturação, sombras e realces conforme a iluminação original de cada cena, em vez de tentar reproduzir exatamente cada código HEX no vídeo.
Paleta de cores com IA
Se você já tem uma foto, frame ou imagem de referência com a combinação de azul-petróleo desejada, a Paleta de cores com IA do Filmora pode ajudar a aproximar outros clipes da mesma direção visual.
Isso pode ser útil ao combinar cenas gravadas em condições diferentes. Depois de aplicar a referência, revise cada clipe e ajuste a intensidade quando necessário, principalmente em cenas com pessoas.
HSL, rodas de cores e curvas
HSL, rodas de cores e curvas podem ajudar a refinar uma estética azul-petróleo sem afetar toda a imagem da mesma forma. Com HSL, por exemplo, você pode controlar separadamente azuis, cianos e verdes; com as rodas, pode trabalhar sombras, meios-tons e realces.
Para uma aparência mais cinematográfica, faça ajustes moderados. Se houver pessoas, observe especialmente os tons de pele antes de deslocar verdes e cianos para regiões muito intensas.
Filtros de vídeo e LUTs 3D
Os filtros de vídeo e LUTs 3D do Filmora podem servir como ponto de partida para testar diferentes direções de cor. Uma gradação mais fria pode reforçar o azul-petróleo, enquanto um tratamento com realces quentes cria um contraste próximo da combinação teal-and-orange.
Depois de aplicar um filtro ou LUT, refine a intensidade e os controles de cor de acordo com cada cena. Use os códigos HEX da paleta diretamente em textos, formas, fundos e outros elementos gráficos.
2. Névoa no porto

- Códigos HEX: #137a87, #5fb3bd, #c2dfe3, #f6f4ec, #6b7a8f
- Atmosfera: calma, enevoada e contemplativa.
- Ideal para: B-roll cinematográfico, estudo, viagens e documentários.
Névoa no porto combina azul-petróleo menos saturado, azul acinzentado, cinza e branco quebrado. A composição lembra uma manhã nublada junto ao mar e funciona bem quando a cor precisa complementar a narrativa sem chamar atenção demais.
Use #137a87 e #6b7a8f em títulos e marcadores. #c2dfe3 e #f6f4ec funcionam como fundos claros para legendas, capítulos e outros elementos informativos.
3. Refúgio entre mar e areia

- Códigos HEX: #0c7f8c, #32a6b5, #f4e4c1, #e0c097, #2d3e4f
- Atmosfera: descontraída, ensolarada e natural.
- Ideal para: viagens, praia, moda e marcas outdoor.
Esta combinação coloca dois tons azul-petróleo ao lado de bege e areia. O contraste quente-frio remete diretamente ao encontro entre mar e praia.
Use #32a6b5 em pequenos destaques e #2d3e4f em textos ou contornos. Os neutros quentes funcionam bem em fundos, cartões e áreas que precisam equilibrar a presença do azul.
4. Brilho no calçadão

- Códigos HEX: #14a2a6, #8adbd3, #f5faf6, #f0d4c2, #4a5e6d
- Atmosfera: fresca, clara e otimista.
- Ideal para: lifestyle, família, viagens e miniaturas claras.
Brilho no calçadão usa um azul-petróleo mais luminoso, verde-água, branco suave e creme. É uma opção mais clara e acessível do que as combinações profundas normalmente associadas ao azul-petróleo.
#4a5e6d cria contraste para textos, enquanto #f0d4c2 adiciona uma nota quente que evita que a composição pareça fria demais.
Paletas azul-petróleo modernas e minimalistas
5. Estúdio de vidro nórdico

- Códigos HEX: #0f7f91, #6ec6cf, #e4f1f3, #fdfdfd, #222f3e
- Atmosfera: limpa, moderna e levemente fria.
- Ideal para: tecnologia, design, portfólios e branding minimalista.
Estúdio de vidro nórdico combina azul-petróleo com branco, azul muito claro e carvão. O resultado lembra interfaces e espaços escandinavos com bastante luz e poucos elementos.
Use #222f3e para textos e áreas de maior contraste e os dois tons azul-petróleo em botões, ícones ou detalhes gráficos.
6. Grade urbana em azul-petróleo

- Códigos HEX: #008c9e, #23b5d3, #f5fbff, #c5ced6, #1b262c
- Atmosfera: estruturada, tecnológica e urbana.
- Ideal para: aplicativos, dashboards, visualização de dados e motion graphics.
Esta paleta aproxima azul-petróleo e ciano de tons neutros azulados e um carvão profundo. O contraste funciona bem em composições inspiradas em interfaces e dados.
Use #23b5d3 em indicadores e informações de destaque, enquanto #1b262c cria uma base forte para barras, títulos ou fundos escuros.
7. Painel azul-petróleo minimalista

- Códigos HEX: #0094a8, #35c3c1, #f2fbfb, #e4e9f2, #3a4750
- Atmosfera: organizada, clara e eficiente.
- Ideal para: tutoriais, produtividade, SaaS e vídeos explicativos.
Painel azul-petróleo minimalista reúne dois tons vivos de azul-esverdeado com fundos quase brancos e um cinza-escuro para contraste.
#0094a8 e #35c3c1 podem destacar etapas, números e ícones, enquanto #3a4750 mantém títulos e textos legíveis.
8. Linhas de interface fosca

- Códigos HEX: #0b7c8e, #4ec0ca, #eaf7f8, #f7f9fc, #2e3b4e
- Atmosfera: fria, leve e minimalista.
- Ideal para: demonstrações de produtos, software e interfaces futuristas.
Linhas de interface fosca combina azul-petróleo com branco azulado e um tom profundo para tipografia. É adequada para layouts inspirados em vidro fosco ou painéis digitais.
Use os tons claros para superfícies e os dois azuis em estados ativos, ícones ou indicadores.
Paletas azul-petróleo intensas e cinematográficas
9. Anoitecer em neon

- Códigos HEX: #00a8a8, #18d6c8, #111827, #020617, #ffb44c
- Atmosfera: intensa, urbana e cinematográfica.
- Ideal para: trailers, games e miniaturas de alto contraste.
Anoitecer em neon combina azul-petróleo luminoso com azul quase preto e um toque dourado. O resultado lembra luzes urbanas refletidas em uma cena noturna.
Use #00a8a8 e #18d6c8 em linhas, títulos ou efeitos de brilho. #ffb44c pode destacar informações importantes, enquanto os tons escuros servem como base.
10. Horizonte cyberwave

- Códigos HEX: #0097a7, #00d5ff, #111827, #ff2f6e, #f4f4f5
- Atmosfera: futurista, vibrante e digital.
- Ideal para: tecnologia, esports, música e visualizadores.
Horizonte cyberwave leva o azul-petróleo em direção ao ciano e o contrapõe a magenta. A combinação funciona em visuais inspirados em synthwave, interfaces neon e conteúdo digital.
Use o magenta apenas como destaque para evitar excesso de competição entre as cores mais intensas.
11. Contraste azul-petróleo e brasa

- Códigos HEX: #007c89, #15c3b8, #101820, #ff6b3d, #ffd166
- Atmosfera: intensa, dramática e cinematográfica.
- Ideal para: curtas, trailers, B-roll e narrativas visuais.
Essa combinação contrapõe azul-petróleo a laranja e amarelo. É uma variação do contraste entre tons frios e quentes muito usado em composições cinematográficas.
Nos elementos gráficos, use os tons quentes em pequenas áreas para direcionar a atenção. Na filmagem, não é necessário transformar literalmente sombras em azul-petróleo e pele em laranja; use a paleta como referência e preserve cores naturais quando fizer sentido.
12. Pulso elétrico

- Códigos HEX: #00a2b8, #24e1d5, #050816, #f9fafb, #f97373
- Atmosfera: moderna, contrastante e energética.
- Ideal para: aberturas, teasers, anúncios e Shorts.
Pulso elétrico mistura azul-petróleo brilhante, turquesa, coral e uma base azul quase preta. É indicada para layouts em que chamadas e animações precisam se destacar rapidamente.
Reserve #f97373 para CTAs ou pequenos elementos e deixe os tons azulados dominarem a identidade da composição.
Paletas azul-petróleo suaves e pastel
13. Céu de algodão

- Códigos HEX: #5fbec5, #a9e5e3, #f6fbfc, #ffe6f0, #ccd5e8
- Atmosfera: leve, suave e delicada.
- Ideal para: bem-estar, planejamento, lifestyle e conteúdo aconchegante.
Céu de algodão combina azul-petróleo claro e verde-água com rosa muito suave e azul acinzentado. A baixa saturação deixa a composição mais leve e menos tecnológica.
#5fbec5 pode funcionar como cor principal, enquanto os demais tons ajudam a construir fundos, cartões e detalhes.
14. Sonho de lagoa pastel

- Códigos HEX: #63c1c9, #a8e8df, #fdfaf6, #fcd6c6, #c1c9e8
- Atmosfera: suave, lúdica e tranquila.
- Ideal para: Reels, journaling, lifestyle e produtos delicados.
Sonho de lagoa pastel aproxima azul-petróleo de menta, creme, pêssego e lavanda. O resultado é mais colorido que uma paleta monocromática, mas continua suave.
Use #63c1c9 como cor principal e os tons quentes como pequenos destaques em etiquetas, botões ou caixas informativas.
15. Sussurros de menta e azul-petróleo

- Códigos HEX: #5bc0be, #a6e7e0, #f7fffb, #ffe9d6, #d2d7ec
- Atmosfera: fresca, delicada e leve.
- Ideal para: beleza, educação, wellness e branding suave.
Sussurros de menta e azul-petróleo combina tons verde-azulados com branco, creme e lavanda acinzentada. Essa mistura funciona bem quando você quer manter o azul-petróleo presente sem criar uma estética muito escura ou intensa.
Use #5bc0be em logotipos ou ícones e #a6e7e0 em blocos de fundo. Creme e lavanda podem equilibrar a composição em elementos secundários.
Como criar uma paleta azul-petróleo
Não existe um único código HEX universal para azul-petróleo. A cor pode variar entre um azul-esverdeado profundo e versões mais claras próximas de teal, turquesa ou ciano. Por isso, o mais importante é escolher um tom principal e construir as outras cores ao redor dele.
- Escolha um azul-petróleo principal: use um único tom como referência e crie variações mais claras ou escuras em vez de misturar muitos azuis e verdes diferentes.
- Decida se a paleta será quente ou fria: bege, areia, coral e dourado aquecem o azul-petróleo; cinza, branco e azul-escuro reforçam uma estética mais fria.
- Limite as cores de destaque: uma ou duas cores secundárias geralmente são suficientes para manter a composição organizada.
- Cuide do contraste: azul-petróleo médio pode não ter contraste suficiente com cinza ou azul semelhantes. Para textos, combine fundos claros com carvão ou use branco sobre versões mais escuras.
- Use HEX em elementos gráficos: títulos, formas, ícones, fundos e interfaces podem usar diretamente os valores da paleta.
- Para vídeos, use a paleta como referência: trabalhe HSL, rodas de cores, balanço de branco e curvas de acordo com a imagem real em vez de tentar reproduzir cada HEX na filmagem.
- Proteja os tons de pele: ajustes intensos em ciano, verde e azul podem deixar rostos artificiais. Confira a pele antes de finalizar a gradação.
- Use tons quentes para criar contraste: areia, laranja, coral e dourado podem equilibrar o azul-petróleo sem precisar aumentar muito a saturação.
- Teste em telas pequenas: verifique miniaturas e textos no celular, principalmente quando usar vários tons azulados próximos.
- Mantenha consistência: reutilize os mesmos códigos HEX em miniaturas, banners, títulos, terços inferiores e outros elementos da identidade visual.
Uma paleta azul-petróleo pode ser costeira e tranquila, minimalista e tecnológica ou intensa e cinematográfica. O resultado depende principalmente das cores de apoio e do nível de contraste.
No Filmora, você pode usar a Paleta de cores com IA para trabalhar a consistência entre clipes e complementar o resultado com HSL, rodas de cores, curvas, filtros e LUTs 3D. Para títulos e outros gráficos, aplique diretamente os códigos HEX das combinações acima.
Perguntas frequentes sobre paletas de cores azul-petróleo
-
Qual é a cor azul-petróleo?
Azul-petróleo é um tom situado entre azul e verde, geralmente mais profundo e menos luminoso que turquesa ou ciano. A tonalidade exata pode variar conforme o sistema de cores e o contexto de design. -
Qual é o código HEX do azul-petróleo?
Não existe um único código HEX universal para azul-petróleo. Exemplos como #0f8a9d, #137a87 ou #0b7c8e representam variações azul-esverdeadas que podem funcionar como ponto de partida, mas a tonalidade ideal depende da paleta. -
Azul-petróleo e teal são a mesma cor?
Os termos se sobrepõem, mas não são perfeitamente equivalentes em todos os contextos. Em inglês, teal abrange uma faixa relativamente ampla entre azul e verde. Em português, azul-petróleo costuma ser associado a versões mais profundas ou acinzentadas desse espectro. -
Quais cores combinam com azul-petróleo?
Branco, cinza, bege e azul-marinho criam combinações mais discretas. Areia, dourado, coral e laranja adicionam contraste quente. Rosa, lilás e menta podem produzir paletas mais suaves. -
Azul-petróleo combina com laranja?
Sim. Como estão em regiões contrastantes do círculo cromático, azul-esverdeado e laranja podem criar uma combinação visual forte. Use um deles como cor dominante e o outro como destaque para evitar excesso de competição. -
Como usar azul-petróleo em vídeos?
Use os códigos HEX diretamente em títulos, fundos, formas e outros elementos gráficos. Para a filmagem, trate a paleta como referência e ajuste HSL, rodas de cores, curvas e balanço de branco conforme a cena. -
Como usar azul-petróleo sem alterar demais os tons de pele?
Concentre os tons frios principalmente no ambiente, nas sombras ou nos elementos gráficos. Depois, confira rostos e reduza ajustes de ciano, verde ou azul nas faixas que estejam deixando a pele artificial. -
Posso usar os códigos HEX dessas paletas no Filmora?
Sim, em elementos que permitem escolher uma cor específica, como textos, formas e fundos. Para vídeos e fotografias, os códigos funcionam melhor como referência visual para orientar a correção e a gradação de cor.

