20 combinações modernas de teal e ferrugem: tons e códigos hexadecimais

As paletas azul-petróleo e ferrugem equilibram a profundidade fresca e costeira com uma energia terrosa e quente—uma maneira simples de tornar os designs mais modernos, sólidos e memoráveis.

Abaixo estão 20 combinações selecionadas de azul-petróleo e ferrugem com códigos HEX, além de dicas práticas sobre acentos, neutros e aplicações reais em branding, UI, interiores e impressão.

Por que as Paletas Azul-Petróleo e Ferrugem Funcionam Tão Bem

Azul-petróleo e ferrugem estão em lados opostos do espectro quente–frio, então criam contraste instantâneo sem parecer áspero. O azul-petróleo transmite calma, confiança e clareza; a ferrugem adiciona calor, apelo visual e um toque artesanal.

Essa combinação também soa “natural” porque faz referência a materiais do mundo real—vidro do mar, metal envelhecido, argila terracota, tijolo e madeira desgastada. Essa associação material torna a paleta versátil tanto para interfaces digitais quanto para impressão tátil.

Com o neutro certo (creme, areia, pedra ou carvão), esquemas em azul-petróleo e ferrugem permanecem equilibrados: modernos para UI e branding, e ainda assim terrosos para interiores e embalagens.

20+ Ideias de Paletas de Cores Azul-Petróleo e Ferrugem (com Códigos HEX)

1) Patina de Porto

HEX: #0f6f6f #c25a3a #f3e6d6 #1f2d2e #c7b8a6

Clima: calmo, marítimo, fundamentado

Melhor para: moodboards de marca e sistemas de identidade

Calmo e marítimo, essa mistura lembra píeres envelhecidos, vidro de mar e cordas douradas pelo sol. Use o azul-petróleo como base, deixando a ferrugem brilhar em botões, títulos ou selos na embalagem. O creme deixa o layout arejado enquanto o carvão escuro traz contraste para textos. Dica: reserve o tom mais escuro para textos pequenos e ícones, mantendo a paleta leve, não pesada.

Exemplo de imagem de patina de porto gerado com media.io

Media.io

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

Experimente Grátis Agora

2) Píer do Deserto

HEX: #147a78 #b24a2a #f7f1e7 #5c6b6b #e1c7b6

Clima: aquecido pelo sol, relaxado, acessível

Melhor para: salas e decorações inspiradas no sudoeste

Aquecida pelo sol e relaxada, lembra o ar do deserto tocado por uma brisa do litoral. Em uma paleta como essa, mantenha paredes ou grandes tecidos em off-white suave e traga azul-petróleo em tapetes ou armários. Ferrugem é perfeita para cerâmica, almofadas ou uma única poltrona de destaque. Dica: repita a ferrugem em dois pequenos detalhes no cômodo para criar intenção em vez de aleatoriedade.

Exemplo de imagem de píer do deserto gerado com media.io

3) Lodge Verde-Azulado

HEX: #0b5f64 #d06a3c #fbf7f0 #2c3a3a #a88b7b

Clima: herança, aconchego, levemente robusto

Melhor para: cardápios e sinalizações de cafés boutique

Com ar de tradição e aconchego, evoca chaleiras de cobre, fogões revestidos e um bar de lodge escuro. Use o creme claro como fundo do cardápio para manter a tipografia nítida, colocando títulos em azul-petróleo para estruturar. Ferrugem fica ótima em destaques como especiais, preços ou selos. Dica: use o verde-acinzentado profundo no texto corrido para evitar o contraste duro do preto puro.

Exemplo de imagem de lodge verde-azulado gerado com media.io

4) Argila e Maré

HEX: #1a8a87 #a6422b #f0dcc7 #243536 #d9b59a

Clima: romântico, artesanal, quente

Melhor para: convites de casamento e papelaria

Romântica e artesanal, lembra argila moldada à mão com vidro costeiro. Deixe o creme quente para o papel, acrescentando azul-petróleo em monogramas ou fios nas bordas para um toque sofisticado. A ferrugem deve ser usada em nomes, datas ou pequenos florais para aquecer sem pesar. Dica: use o cinza ardósia mais escuro para detalhes mínimos como linhas de RSVP para melhor legibilidade.

Exemplo de imagem de argila e maré gerado com media.io

5) Oficina Vintage

HEX: #0e7773 #c86b45 #efe9df #3a2e2a #b7a39a

Clima: artesanal, nostálgico, tátil

Melhor para: embalagens e rótulos artesanais

Artesanal e nostálgica, traz à mente bancadas de madeira, ferramentas oxidada e pacotes embrulhados. Essas combinações brilham em rótulos estilo kraft quando se usa azul-petróleo para a marca e ferrugem em pequenos padrões ou selos. O off-white funciona como espaço negativo para não poluir visualmente. Dica: use o tom mais escuro com moderação para evitar resultados opacos em papel texturizado.

Exemplo de imagem de oficina vintage gerado com media.io

6) Terracota Costeira

HEX: #1b706f #d1774c #fff4ea #334447 #c9d1cf

Clima: fresco, arejado, iluminado pelo sol

Melhor para: renovação de banheiros e branding de spas

Fresca e arejada, remete a estuque ao sol ao lado de água fria. Use o creme claro como base para azulejos, toalhas ou fundo de site, inserindo azul-petróleo em armários, rótulos ou navegação. A terracota aquece em detalhes como embalagens de sabonete, vasos ou faixas de destaque. Dica: mantenha o cinza-verde frio para textos secundários, preservando a calma da composição.

Exemplo de imagem de terracota costeira gerado com media.io

7) Museu Moderno

HEX: #0a6a6c #b75a40 #f6f0e6 #111c1d #d2c4b8

Clima: limpo de galeria, confiante, premium

Melhor para: sites de portfólio e landing pages minimalistas

Limpa e premium, lembra cerâmicas curadas sob spots suaves. Construa páginas com o off-white quente como base e azul-petróleo nos estados de navegação e links principais. Ferrugem entra como destaque nos CTAs sempre que quiser aquecer sem exagerar. Dica: opte pelo quase preto nos títulos e mantenha linhas finas para preservar o toque moderno.

Exemplo de imagem de museu moderno gerado com media.io

8) Marina Outonal

HEX: #13817f #bf5c35 #f8e7d1 #2a2f31 #9fb0ac

Clima: sombrio, ao ar livre, moderno

Melhor para: layouts de revista e editoriais

Sombria e ao ar livre, sugere marinas chuvosas e folhas de cobre no concreto. Como esquema de cores, a combinação funciona melhor com azul-petróleo em grandes blocos, como barras laterais, e ferrugem para destaques em citações ou divisores. O tom areia claro mantém as colunas legíveis e suaviza o contraste. Dica: use o cinza-verde suave nas legendas, para destacar os acentos de cor.

Exemplo de imagem de marina outonal gerado com media.io

9) Alga Cobreada

HEX: #0f6466 #cc6a3a #f2f2ee #2d241f #8fa7a6

Clima: terroso, oceânico, natural

Melhor para: padrões sem emenda e estampas têxteis

Terroso e oceânico, lembra floresta de algas com flashes de cobre oxidado. Use azul-petróleo e off-white no padrão principal, mantendo-o leve, e insira ferrugem em pequenos motivos para energia. Marrom/preto profundo é ideal para contornos ou detalhes tipo costura. Dica: mantenha as formas em ferrugem menores que as em azul-petróleo para não pesar o desenho.

Exemplo de imagem de alga de cobre gerada usando media.io

10) Adobe fumado

HEX:#0d5a5b#9e3f2c#e8d6c7#4b3b36#c0b2a4

Clima:Fumado, íntimo, sofisticado

Melhor para:Interiores de restaurante e conceitos de iluminação de clima

Fumado e íntimo, evoca paredes de adobe após o anoitecer com uma sombra azul fresca. Use os tons de argila macia para superfícies grandes e estofados, em seguida, traga azul para banquetes ou acabamento pintado para um toque moderno. A ferrugem lê-se melhor em iluminação quente, então use-o em pequenas decorações, menus ou cortinas pendentes. Dica: Adicione texturas foscas para que os tons mais profundos não pareçam muito brilhantes ou duros.

Exemplo de imagem de smoked adobe gerado usando media.io

11) Azulejo da casa de chá

HEX:#1c7b7a#c85b3c#fdf1e2#3b4a49#d7c2a2

Clima:Acolhedor, limpo, artesanal

Melhor para:Conjuntos de branding e papelaria de hospitalidade

Acolhedor e feito à mão, lembra azulejos esmaltados, doces cozidos no vapor e um balcão arrumado. Uma paleta de cores de ferrugem azul como esta é mais fácil de equilibrar quando o azul lida com logotipos e cabeçalhos, enquanto a ferrugem permanece em carimbos, ícones ou um sublinho fino. O fundo cremoso faz com que se sinta amigável em vez de corporativo. Dica: Mantenha a sombra mais escura apenas para tipos pequenos, para que os artigos de papelaria estejam nítidos em papel não revestido.

Exemplo de imagem de azulejo de casa de chá gerado usando media.io

12) Espuma do mar Industrial

HEX:#2a8f8a#b2472f#e9e1d6#2b2b2b#b8c7c5

Clima:Urbano, limpo, de alto contraste

Melhor para:Telas de integração do aplicativo fintech

Urbano e limpo, parece aço pintado, vidro de espuma do mar e tijolos quentes. Use teal para estados de progresso e elementos interativos para que a UX se sinta estável e confiável. Rust funciona bem para avisos, crachás ou um CTA de destaque quando você quer aquecimento sem usar vermelho. Dica: Mantenha os fundos na luz neutra e limite os blocos escuros aos cabeçalhos para a legibilidade.

Exemplo de imagem de espuma marinha industrial gerada usando media.io

13) Boutique Rústica

HEX:#0f7270#c15232#fff8f2#6a5a51#d5c8bb

Clima:Suave, boutique, Curado

Melhor para:Etiquetas de sabão artesanais e etiquetas de cuidados com a pele

Suave e cuidadosa, sugere prateleiras de linho, bandejas de cerâmica e um toque de tempero. Use o quase branco como base da etiqueta e, em seguida, defina o nome do produto em azul para uma leitura calma e premium. A ferrugem pode marcar notas de aroma ou pequenos ícones para adicionar calor e personalidade. Dica: Mantenha o taupe para listas de ingredientes para que tudo fique legível em tamanhos pequenos.

Exemplo de imagem de rustic boutique gerado usando media.io

14) Cânion nebuloso

HEX:#167b75#d26f46#f4eadf#254041#b5a193

Clima:Aventureiro, Cinematográfico, Equilibrado

Melhor para:Cartazes de viagem e branding de destinos

Aventureiro e cinematográfico, parece uma rocha de cânion cortando a névoa matinal. Coloque azul em grandes formas de céu ou água para definir a atmosfera, em seguida, use ferrugem para falésias, rotas ou um bloco de título em negrito. A areia pálida mantém o cartaz brilhante e ajuda os detalhes a aparecer. Dica: Adicione o cinza azul profundo para delinear marcos para que o design seja lido à distância.

Exemplo de imagem de misted canyon gerado usando media.io

15) Estúdio Loft

HEX:#0a7a79#b24b35#f7f5f2#2f3436#c6b0a2

Clima:Contemporâneo, calmo, design-forward

Melhor para:Portfólios de arquitetura e estudos de caso

Contemporâneo e calmo, parece um loft limpo com tijolos quentes espiando através. Use o branco branco macio como fundo da página e deixe o azul estruturar o layout com marcadores de seção e diagramas. O Rust funciona melhor como um pequeno destaque para títulos de projetos ou pontos de dados. Dica: Mantenha a maior parte do texto no carvão para manter uma leitura profissional e de alto contraste.

Exemplo de imagem de studio loft gerado usando media.io

16) tijolo do oceano

HEX:#0e6d72#c05a3b#f5e9d8#1e2a2d#e2d7cf

Clima:ousado, clássico, ligeiramente náutico

Melhor para:Modelos de mídia social e cartões de citação

Ousado e clássico, ele combina a profundidade do oceano salgado com o calor do tijolo antigo. Essas combinações de cores de ferrugem azul funcionam bem quando você escolhe uma cor de campo dominante e, em seguida, coloque a citação no creme claro para clareza. Use rust como uma barra de enquadramento, ícone ou carimbo pequeno para adicionar perfuração. Dica: Mantenha o carvão marinho escuro para nomes de autores e pequenos elementos de interface do usuário para que o layout permaneça nítido.

Exemplo de imagem de ocean brick gerado usando media.io

17) Forja botânica

HEX:#177f7b#c96a41#f1f6f2#2d3f36#a3bfae

Clima:Fresco, botânico, focado no artesanato

Melhor para:Ilustrações de primavera e impressões botânicas

Fresco e botânico, parece folhas de estufa ao lado de um forno quente. Use azul para lavagem de folhas largas e deixe que os neutros mentados suaves criem espaço de respiração ao redor da ilustração. A ferrugem é ideal para centros de flores, caules ou uma pequena fita de título para mantê-la viva. Dica: Limite a ferrugem a alguns pontos focais para que a impressão permaneça arejada e avançada.

Exemplo de imagem de forja botânica gerada usando media.io

18) Forno da noite

HEX:#0b5e60#a94a33#e9d9cf#0f1416#c9a98f

Clima:Dramático, acolhedor, íntimo

Melhor para:Cozinha backsplash conceitos e armários

Dramático e aconchegante, parece um brilho de forno contra as sombras profundas da noite. Use azul em armários inferiores ou acentos de azulejos, em seguida, traga ferrugem através de ferragens, linhas de rejuntamento ou peças de madeira quentes. O neutro rosado evita que o quarto pareça muito escuro e funciona bem com latão. Dica: Adicione iluminação em camadas para que os tons mais escuros sejam ricos e não planos.

Exemplo de imagem de forno de noite gerado usando media.io

19) Fundição Sunlit

HEX:#1d8c86#cf6a3d#fff1dd#3c3a36#bfa58c

Clima:Energético, otimista, moderno

Melhor para:Projetos e mercadorias de latas de cerveja artesanal

Enérgico e otimista, parece uma oficina brilhante com a luz do sol atingindo metal quente. Use azul como o campo principal de lata para impacto na prateleira e, em seguida, deixe que a ferrugem conduza formas de ilustração em negrito ou uma etiqueta estilo distintivo. O creme mantém a tipografia legível e ajuda o cinza mais escuro a permanecer refinado. Dica: Combine com acabamentos foscos para que o sotaque quente pareça rico em vez de laranja brilhante.

Exemplo de imagem de sunlit foundry gerado usando media.io

20) Expedição tranquila

HEX:#0f6a68#b85a3c#f2efe8#4a5b5c#d3c7b8

Clima:Calmo, organizado, discreto

Melhor para:Folhetos de eventos e cartazes de workshops

Calmo e organizado, sugere uma bolsa bem embalada e um mapa de trilhas claro. Mantenha a luz de fundo para que os detalhes permaneçam legíveis e, em seguida, use azul para o cabeçalho principal e os blocos de seção. Rust é um ótimo sotaque para datas, informações de ingressos ou um pequeno conjunto de ícones. Dica: Repita o cinza-verde silenciado para divisores e pontos de bala para tornar o layout estruturado.

Exemplo de imagem de quiet expedition gerado usando media.io

Quais Cores Combinam com Azul-Petróleo e Ferrugem?

As cores neutras são a combinação mais fácil: cremes quentes, areia e mascotas suavizam o contraste, enquanto o carvão e o quase preto fazem com que azul e ferrugem pareçam mais nítidos e premium. Para uma sensação mais leve e arejada, escolha fundos brancos e mantenha tons escuros apenas para o tipo.

Para mais harmonia, traga companheiros silenciosos como sage, seafoam, dusty blue ou warm taupe – estes estendem a história costeira/terrena sem competir com a dupla principal. Se você quiser um pop mais ousado, um toque de latão/ouro ou um blush suave pode adicionar polimento.

Em caso de dúvida, siga uma proporção simples: deixe o azul fazer a "estrutura", a ferrugem fazer a "faísca" e deixe os neutros carregar o "espaço".

Como Usar uma Paleta Azul-Petróleo e Ferrugem em Designs Reais

Na marca, trate o azul como a cor principal da marca (logotipos, cabeçalhos, navegação) e use a ferrugem como o sotaque para CTAs, emblemas ou destaques principais. Isso mantém o sistema consistente enquanto ainda se sente enérgico.

Na UI, priorizar a acessibilidade: coloque texto em branco/creme, reserve ferrugem para uma ação principal por tela e use azul para estados interativos (links, alternativas, progresso). Pair com a tipografia de carvão para evitar a dureza do preto puro.

Em interiores e impressões, a escala importa: aplique cores neutras em superfícies grandes, azul em blocos médios (armários, tapetes, painéis de seção) e ferrugem em decorações menores ou gráficos pontuais para que a paleta pareça selecionada em vez de esmagadora.

Crie Visuais de Paleta Azul-Petróleo e Ferrugem com IA

Quer ver como os tons de ferrugem azul parecem em um layout real, etiqueta, pôster ou conceito de sala? Gere maquetes rápidos a partir de um prompt de texto e repita até que o equilíbrio pareça correto.

O Media.io facilita a exploração de variações – troque neutros, teste acentos de ferrugem mais fortes ou mais suaves e visualize várias composições antes de se comprometer com uma direção final.

Próximo: Paleta de Cores Ruby