Paletas de cores azul e ferrugem: 22 combinações com códigos hexadecimais

Uma paleta de cores azul-ferrugem combina azuis oceânicos frios com o calor terroso oxidado — uma maneira fácil de deixar designs modernos e humanos.

Seja para criar um sistema de marca, uma interface ou um layout gráfico, essa mistura de azul marinho e ferrugem traz contraste, hierarquia e um destaque memorável sem parecer apenas uma tendência passageira.

Por que esquemas de cores azul e ferrugem funcionam tão bem

O azul traz estrutura calma, enquanto a ferrugem adiciona calor e personalidade — assim o visual geral é equilibrado, não frio ou excessivamente lúdico. Esse contraste facilita a criação de hierarquia forte em títulos, botões e destaques.

A ferrugem também é naturalmente “amiga do destaque”: ela se destaca contra azul marinho e azul aço, mas ainda transmite maturidade e solidez. É por isso que combinações de azul marinho com ferrugem funcionam tanto em marcas premium quanto em modelos do dia a dia.

Por fim, esquemas de azul e ferrugem combinam bem com neutros práticos (creme, greige, carvão), mantendo seus layouts legíveis e consistentes em web, impressos e produtos.

Mais de 20 ideias de paletas de cores azul-ferrugem (com códigos HEX)

1) Fundição Costeira

HEX: #0B1F3B #3C6E8F #B65A3C #E7D7C3 #1F2328

Clima: industrial, costeiro, sólido

Melhor para: identidade de marca e papelaria

Calma industrial encontra ar marinho, como aço envelhecido ao lado de um muro do porto. O azul marinho profundo organiza o layout, enquanto o tom ferrugem adiciona caráter sem ser chamativo. Combine com bastante espaço em branco e tipografia limpa para um visual moderno. Dica: use ferrugem para selos, divisores ou ícone principal para manter o premium.

Exemplo de imagem de fundição costeira criada usando media.io

Media.io

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

Experimente grátis agora

2) Porto do Cânion

HEX: #123A5A #6FA3B8 #C15F3B #F2E8DA #2D2F36

Clima: aventureiro, arejado, aquecido pelo sol

Melhor para: cartazes de viagem e anúncios sociais

Penhascos iluminados pelo sol e tons de água fria dão um clima otimista e ao ar livre. A paleta azul-ferrugem funciona melhor com o creme claro no fundo e os azuis escuros nos títulos. Adicione ferrugem como emblema de destaque ou chamada para ação para profundidade instantânea. Dica: gradientes discretos para manter o visual vintage nítido.

Exemplo de imagem de porto do cânion criada usando media.io

3) Workwear Vintage

HEX: #1A2D4A #4E7A9A #A84D35 #EFE6D6 #8B6B4A

Clima: herança, robusto, confiável

Melhor para: embalagens e etiquetas de workwear

Denim gasto e metal polido dão a essa mistura um toque artesanal confiável. A base índigo é clássica, enquanto ferrugem e tons de bege trazem calor de quem já viveu. Use creme na etiqueta e azul escuro para nomes de produtos. Dica: textura sutil de papel ou marca estilo carimbo reforça o clima de herança.

Exemplo de imagem de workwear vintage criada usando media.io

4) Interface Crepúsculo no Deserto

HEX: #0F2742 #5B87A6 #C26745 #DAD7D0 #F7F2EA

Clima: calmo, moderno, refinado

Melhor para: UI de dashboards e visuais de dados

Azuis crepusculares tranquilos com destaque ferrugem, sensação de foco e polidez. Essas combinações brilham na interface quando os neutros claros dominam e o azul escuro vira navegação. Reserve ferrugem para botões principais, alertas ou destaque em gráficos. Dica: contraste alto usando ferrugem com off-white e não cinza médio.

Exemplo de imagem de interface crepúsculo do deserto criada usando media.io

5) Tijolos Tempestuosos

HEX: #162A3A #4F6F86 #B34E3B #CFC6B8 #2A2B2E

Clima: sombrio, urbano, confiante

Melhor para: menus de restaurante e sinalização

Azuis urbanos chuvosos e calor de tijolo criam um tom ousado e de rua. Use azuis tempestuosos em blocos e tipografia, deixando ferrugem como destaque que abre o apetite. O greige quente impede que o visual fique frio em pouca luz. Dica: experimente ferrugem nos títulos de seção e linhas finas para ritmo de menu moderno.

Exemplo de imagem de tijolos tempestuosos criada usando media.io

6) Tinta e Terracota

HEX: #0A1A2B #2F5D7A #C06A4B #F1E4D2 #5A4A3F

Clima: literário, caloroso, íntimo

Melhor para: capas de livro e artes de podcast

Sombras profundas com calor de terracota lembram um cantinho de leitura à noite. O azul quase preto valoriza títulos premium; ferrugem de argila traz energia acolhedora. Combine com tipografia serifada e campo creme suave para um visual atemporal. Dica: adicione uma forma ferrugem atrás do título para aumentar a legibilidade sem contornos bruscos.

Exemplo de imagem de tinta e terracota criada usando media.io

7) Minimalismo de Museu

HEX: #10243A #6C8FA6 #A94F3A #F6F0E6 #3A3F45

Clima: limpo, sofisticado, discreto

Melhor para: cartazes de exposição e programas

Azuis de galeria silenciosos e ferrugem moderado trazem clima curado e moderno. O fundo marfim domina para aquele espaço branco de museu; azul ardósia para texto corrido. Ferrugem serve melhor como estampas, datas ou símbolos chave. Dica: margens generosas e alinhamento preciso destacam a estética minimalista.

Exemplo de imagem de minimalismo de museu criada usando media.io

8) Pier Nórdico

HEX: #0E2A3E #5B8CA8 #C86A4A #D9D2C6 #F8F6F1

Clima: fresco, arejado, moderno

Melhor para: seções hero de websites

Azuis de brisa do mar com destaque ferrugem evocam docas pintadas e luz matinal brilhante. Esse esquema azul-ferrugem é especialmente limpo quando off-white domina o fundo. Use o azul mais profundo em navegação e títulos, e reserve ferrugem para um botão principal. Dica: mantenha imagens com tons frios para que ferrugem seja o ponto focal inequívoco.

Exemplo de imagem de pier nórdico criada usando media.io

9) Mapa de Rota Retrô

HEX: #1D3D63 #7BA9C2 #B5533A #F3E8D9 #D4B48C

Clima: divertido, nostálgico, ensolarado

Melhor para: infográficos e mapas

Viagens de estrada à moda antiga vêm à mente, com tons de azul suave e um ferrugem gasto pelo tempo. O tom areia traz um calor vintage sem tornar a paleta amarelada. Use o azul escuro para textos e contornos, e deixe o ferrugem guiar a atenção para pontos-chave. Dica: mantenha os ícones simples e arredondados para combinar com o visual retrô.

Exemplo de imagem de mapa retrô gerado usando media.io

10) Estúdio de Cerâmica

HEX: #152C45 #6E93AD #C46B4A #EDE2D4 #4A3A32

Clima: artesanal, tátil, calmo

Melhor para: embalagens de produtos feitos à mão

Azuis vitrificados e tons de ferrugem de argila transmitem uma sensação tátil, como uma prateleira de cerâmica à luz da tarde. Os neutros creme e cacau facilitam manter as embalagens limpas e legíveis. Use o ferrugem para selos, fitas ou uma marca, depois destaque textos importantes no azul profundo. Dica: acabamentos foscos e relevos sutis combinam lindamente com esses tons terrosos.

Exemplo de imagem de estúdio de cerâmica gerado usando media.io

11) Crepúsculo Contábil

HEX: #0C2036 #4A6C86 #A94A35 #F4EEE4 #2E3339

Clima: sério, elegante, confiável

Melhor para: apresentações e relatórios financeiros

Tons de crepúsculo com toque de ferrugem transmitem confiança e foco em dados. Os tons escuros trazem autoridade, enquanto o detalhe quente evita gráficos estéreis. Use o marfim no fundo dos slides para manter o contraste e reduzir o cansaço visual. Dica: aplique o ferrugem a uma série de dados ou uma caixa de destaque para fazer insights saltarem aos olhos.

Exemplo de imagem de crepúsculo contábil gerado usando media.io

12) Galpão à Beira-mar

HEX: #0E2F4B #4F7E98 #BB5B3F #D7D0C6 #1B1E22

Clima: industrial, arrojado, moderno

Melhor para: lookbooks de streetwear

Aço de galpão e pintura desgastada pelo mar criam um visual moderno e forte. Os azuis frios deixam as fotos mais nítidas e o ferrugem traz destaque marcante na tipografia e tags. Combine com imagens monocromáticas ou fotos dessaturadas para máxima coesão. Dica: limite o ferrugem a 10 ou 15% da área para ser um detalhe proposital, não dominante.

Exemplo de imagem de galpão à beira-mar gerado usando media.io

13) Neutros de Denim Quente

HEX: #183554 #7199B3 #B85A40 #EFE3D2 #B8A89A

Clima: suave, acessível, cotidiano

Melhor para: blogs e templates de lifestyle

Azuis jeans suaves com neutros aveia transmitem simpatia e aconchego. O tom ferrugem equilibra e evita que tudo fique frio demais, especialmente em páginas longas. Combine com fotos quentes, texturas de linho e ícones minimalistas. Dica: use o azul denim em títulos e links e reserve o ferrugem para hover e pequenos selos.

Exemplo de imagem de neutros de denim quente gerado usando media.io

14) Farol Enferrujado

HEX: #081E33 #5E89A8 #C15E41 #F7F1E7 #2A2D33

Clima: dramático, marítimo, atemporal

Melhor para: capas de álbuns e pôsteres

Azuis oceânicos escuros com destaque ferrugem dão um ar de cinema, como o feixe de um farol na neblina. O branco quente dá espaço para respirar ao texto sem perder o clima. Use o ferrugem com moderação para títulos ou gráficos pontuais. Dica: adicione granulação sutil e mantenha o contraste forte para preservar o drama visual.

Exemplo de imagem de farol enferrujado gerado usando media.io

15) UI Circuito de Cobre

HEX: #0D2440 #3F6F92 #C86A45 #EEF1F4 #2B2F35

Clima: tecnológico, marcante, moderno

Melhor para: interfaces SaaS e landing pages

Azuis tecnológicos com detalhe ferrugem acobreado sugerem velocidade e intenção. A paleta azul-ferrugem é ótima para interfaces de produto onde a clareza importa. Mantenha superfícies claras e use o azul escuro na navegação e texto principal. Dica: aplique o ferrugem a apenas uma hierarquia de ação, como botões principais, para manter a interface consistente.

Exemplo de imagem de UI circuito de cobre gerado usando media.io

16) Editorial Livraria

HEX: #132846 #6B8FA8 #B4553D #F2EBDD #6A5243

Clima: clássico, aconchegante, editorial

Melhor para: layouts de revistas e newsletters

Azuis de livraria com tom de destaque ferrugem transmitem inteligência e acolhimento. O creme lembra papel e garante boa leitura, enquanto o marrom aquece divisões e legendas. Combine com títulos em serif e espaçamento generoso para uma sensação editorial impressa. Dica: use ferrugem em citações ou números de seção para guiar o leitor em páginas longas.

Exemplo de imagem de editorial de livraria gerado usando media.io

17) Casamento Litorâneo de Outono

HEX: #16324F #7AA2B9 #C86C4B #FBF6EE #C9B7A2

Clima: romântico, quente, arejado

Melhor para: convites e sinalização de casamento

Azuis costeiros com destaque ferrugem outonal transmitem romance sem ser açucarado. O marfim mantém o convite claro, enquanto o greige quente equilibra fotos e flores. Use ilustração de traço delicada e serif refinada para os nomes. Dica: imprima o ferrugem em foil ou letterpress para um detalhe luxuoso e memorável.

Exemplo de imagem de casamento litorâneo de outono gerado usando media.io

18) Interior Loft Industrial

HEX: #0F2236 #557D97 #B85A42 #E6DDCF #2A2B2E

Clima: urbano, aconchegante, equilibrado

Melhor para: mood boards de design de interiores

Azuis urbanos e ferrugem quente evocam tijolos expostos junto a armários pintados. Creme e carvão formam uma base confortável para lofts e apartamentos modernos. Use azul médio em grandes superfícies e traga o ferrugem em têxteis, arte ou uma poltrona de destaque. Dica: repita o tom ferrugem em pelo menos dois pontos para parecer intencional.

Exemplo de imagem de interior loft industrial gerado usando media.io

19) Mercado Noturno do Porto

HEX: #102C55 #4E87A8 #C35F43 #EADBC7 #1C1E22

Clima: animado, moderno, noturno

Melhor para: flyers e promos de eventos

Azuis de mercado noturno com centelha ferrugem transmitem energia e modernidade. Tons escuros fazem o texto saltar, enquanto areia clara mantém o design leve. Use ferrugem em datas, ingressos ou ícones-chave para chamar visão rapidamente. Dica: aposte em blocos grandes de azul profundo com uma faixa ferrugem em gradiente para um flyer marcante.

Exemplo de imagem de mercado noturno do porto gerado usando media.io

20) Café Artesanal Envolto

HEX: #0D2A4A #6C97B1 #B6553F #E9DDCF #3A2E2A

Clima: artesanal, quente, premium

Melhor para: embalagens e anúncios de café

O calor da torrefação encontra o azul calmo, como um café ao nascer do sol. Marrom chocolate e ferrugem transmitem riqueza artesanal, enquanto os azuis modernizam o visual. Use neutro claro para legibilidade do rótulo e reserve azul mais escuro para a marca premium. Dica: adicione uma faixa ou selo ferrugem para unificar diferentes torras.

Exemplo de imagem de café artesanal envolto gerado usando media.io

21) Azul Técnico Oxidado

HEX: #0B2D4D #3E7CA3 #C46445 #F4F5F7 #1F2A33

Clima: preciso, engenhoso, confiante

Melhor para: fichas técnicas e diagramas de produto

Azuis blueprint com ferrugem oxidada transmitem engenharia e precisão. Como paleta blue rust, mantém a clareza técnica sem perder calor e personalidade. Deixe o cinza claro como base e use ferrugem em destaques, setas e legendas-chave. Dica: evite ferrugem em longos blocos de texto e mantenha para destaques pontuais de clareza máxima.

Exemplo de imagem de azul técnico oxidado gerado usando media.io

22) Combinação Ardósia e Siena

HEX: #13233A #6A8EA8 #A84C37 #EFE7DC #A59A8D

Clima: equilibrado, maduro, versátil

Melhor para: sistemas e manuais de branding

Azuis ardósia e ferrugem siena equilibram como pedra e argila no mesmo cenário. Os neutros tornam a paleta flexível para web, impresso e embalagem sem ajustes contínuos. Use azul médio em elementos secundários e ferrugem para ênfase de bom gosto. Dica: documente uma proporção de destaque para manter a consistência nos ativos.

Exemplo de imagem de combinação ardósia e siena gerado usando media.io

Quais cores combinam com azul-ferrugem?

Neutros são aposta segura: marfim quente, creme, greige e brancos tipo papel deixam a paleta leve e permitem que o ferrugem tenha intenção. Carvão ou quase preto também trazem contraste para layouts com muita tipografia.

Para combinações mais ricas, experimente adicionar tons areia para toque vintage ou azul-ardósia para mood mais técnico/"blueprint". Se preferir um visual mais suave, troque por azuis apagados em vez de ciano vibrante.

Em caso de dúvida, mantenha o ferrugem como menor área de cor e deixe os azuis estruturarem o sistema—especialmente em UI, onde consistência e legibilidade são essenciais.

Como usar uma paleta azul-ferrugem em designs reais

Comece por funções: escolha um azul profundo para títulos/nav, um azul médio para elementos secundários, neutro claro para fundos e ferrugem para destaque (botões, selos, detalhes em gráficos). Isso evita que o tom quente domine.

No branding, ferrugem funciona bem em selos, ícones, divisores e detalhes de embalagem—pequenos pontos de calor premium. No interior, repita o ferrugem em pelo menos dois lugares (tecido + arte, ou cadeira + tapete) para parecer coeso.

Para layouts digitais, teste o contraste desde cedo: ferrugem sobre branco-sujo geralmente é mais legível do que ferrugem sobre cinza médio. Use os azuis mais escuros para textos principais quando quiser uma alternativa mais suave ao preto puro.

Crie visuais de paletas azul-ferrugem com IA

Se quiser ver como as cores azul-ferrugem ficam em contexto—numa landing page, etiqueta, pôster ou painel de inspiração interior—gere maquetes rápidas antes de partir para a produção.

Com o texto para imagem da Media.io, você pode colar o prompt, definir um estilo (vetorial, editorial, realista) e iterar até que o equilíbrio entre azul-marinho e ferrugem fique adequado para seu projeto.

Use os prompts acima como ponto de partida, depois substitua pelo seu tipo de produto, estilo de tipografia ou formato de layout para coincidir com sua marca.

Próximo: Paleta de Cores Verde Azul Roxo