Paletas de cores teal e vermelho: 20 combinações com códigos hexadecimais

Azul-petróleo e vermelho é uma daquelas combinações raras que podem parecer modernas e atemporais ao mesmo tempo—água fria encontrando fogo quente. Quando bem usados, criam hierarquia instantânea, emoção forte e contraste memorável em digital e impresso.

Abaixo estão 20 ideias de paletas de cores azul-petróleo e vermelho (com códigos HEX) que você pode copiar para branding, UI, pôsteres, embalagens e decoração—além de dicas práticas para equilibrar neutros e tons de destaque.

Por que Paletas Azul-petróleo e Vermelho Funcionam Tão Bem

O azul-petróleo traz estabilidade e clareza, enquanto o vermelho adiciona urgência e emoção. Juntos, criam um contraste de alto impacto que naturalmente guia a atenção—ideal para chamadas à ação, pontos de foco e hierarquia visual.

Essa combinação é flexível em diferentes estilos: azul-petróleo profundo com vermelho tijolo pode soar clássico e editorial, enquanto azul-petróleo vivo com vermelho-rosado é divertido e moderno. O segredo está em controlar a saturação com neutros como off-white, areia ou carvão.

Como azul-petróleo e vermelho ficam em lados opostos do espectro quente/frio, eles se equilibram sem parecerem sem vida. Ancore-os com um texto escuro e fundo calmo para manter a paleta legível e sofisticada.

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

1) Harbor Ember

HEX: #0f8b8d #e63946 #f1faee #a8dadc #1d3557

Clima: náutico e nítido, confiante

Melhor para: identidade visual para marcas costeiras, turismo ou tecnologia

Azul-petróleo como vidro do mar ao lado do vermelho incandescente lembra um porto ao entardecer, limpo e cheio de energia. Use o azul-marinho para tipografia e estrutura e o vermelho para destacar ações ou destaques importantes. Funciona especialmente bem em layouts off-white onde o contraste é confortável. Dica: mantenha o vermelho para detalhes como botões, selos ou ícones para evitar poluição visual.

Exemplo de imagem do harbor ember gerado usando media.io

Media.io

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

Experimente Gratuitamente Agora

2) Desert Reef

HEX: #1b9aaa #d1495b #f7f3e3 #eddea4 #3d405b

Clima: aquecido pelo sol, relaxante

Melhor para: toques em salas de estar e conteúdo de lifestyle

Tons de areia queimados ao sol suavizam o azul-petróleo e o vermelho, criando uma dupla fácil e acolhedora. Traga os tons creme e trigo para paredes, tecidos ou áreas generosas de espaço negativo, e use o azul-petróleo para âncoras maiores como tapetes ou armários. O vermelho suave lembra terracota e fica ótimo em gravuras e almofadas. Dica: repita o azul-petróleo duas vezes mais que o vermelho para um ambiente mais tranquilo.

Exemplo de imagem do desert reef gerado usando media.io

3) Vintage Bistro

HEX: #0b7285 #c92a2a #fff4e6 #e9c46a #2d2a32

Clima: aconchegante, apetitoso

Melhor para: cardápios de restaurantes e sinalização de cafés

Azul-petróleo rico e vermelho clássico lembram azulejos esmaltados, lousas de especiais à mão e o brilho caloroso de uma cozinha. Deixe o fundo cremoso dominar o espaço para que a fotografia de comida e os títulos respirem. Use o dourado-mostarda para destacar preços, divisores ou chamadas sazonais. Dica: escolha uma fonte serifada escura para o texto principal e uma fonte sem serifa simples para os rótulos em azul-petróleo para fácil leitura.

Exemplo de imagem do vintage bistro gerado usando media.io

4) Arctic Cranberry

HEX: #2a9d8f #b23a48 #f8f9fa #ced4da #343a40

Clima: inverno limpo, nítido

Melhor para: painéis de dados e UI de analytics

Neutros gelados fazem o azul-petróleo e o vermelho cranberry parecerem ágeis, modernos e precisos. Esta paleta é ótima para dashboards onde você precisa de hierarquia clara sem saturação excessiva. Use carvão para texto e linhas de grade, reservando o vermelho para alertas e azul-petróleo para sucessos ou seleções ativas. Dica: deixe os botões em azul-petróleo e use vermelho apenas para chamar atenção.

Exemplo de imagem do arctic cranberry gerado usando media.io

5) Tropical Contrast

HEX: #00a6a6 #ff4d6d #fff0f3 #ffd6a5 #2b2d42

Clima: divertido, verão

Melhor para: posts de mídias sociais e banners promocionais

Azul-petróleo vibrante e vermelho-rosado parecem toalhas de praia e sorvetes de fruta—animados instantaneamente. Use o tom rosado como fundo e a cor escura para títulos legíveis. O pêssego é perfeito para selos secundários, adesivos e etiquetas de ofertas. Dica: adicione uma textura de grão sutil na área rosada para que blocos grandes não pareçam planos.

Exemplo de imagem do tropical contrast gerado usando media.io

6) Library Leather

HEX: #006d77 #c1121f #faedcd #d4a373 #283618

Clima: tradição, sofisticado

Melhor para: capas de livros e branding editorial

Azul-petróleo escuro e vermelho envelhecido remetem a capas de couro, salas de estudo silenciosas e um toque acadêmico. Use creme e bege para criar um fundo semelhante ao papel, sofisticado e legível. O verde-oliva serve de ponte sutil entre os tons quentes e frios. Dica: combine com um título serifado de alto contraste e use azul-petróleo para blocos, linhas e pequenos elementos.

Exemplo de imagem do library leather gerado usando media.io

7) Coral Auditorium

HEX: #0c8599 #ef233c #fefae0 #8ecae6 #023047

Clima: energia em destaque, vibrante

Melhor para: pôsteres de eventos e gráficos de conferências

Azul-petróleo vivo com vermelho de palco lembra cortinas abrindo e um anúncio claro no painel. Use o creme claro como espaço livre para títulos que fiquem fortes à distância. O azul-celeste serve como tom amigável para horários, palestrantes ou subtítulos. Dica: reserve o marinho mais escuro para textos pequenos e códigos QR para garantir a scaneabilidade.

Exemplo de imagem do coral auditorium gerado usando media.io

8) Midnight Regatta

HEX: #005f73 #ae2012 #e9d8a6 #0a9396 #001219

Clima: intenso, luxuoso

Melhor para: branding premium e áreas de destaque

Sombras escuras com vermelho acobreado parecem cinematográficos, como veleiros no mar noturno. Use o quase preto para fundo e o tom areia claro para levantar tipografia e rótulos. Azul-petróleo funciona bem em grandes campos ou gradientes, já o vermelho quente aparece como detalhe elegante. Dica: experimente ícones dourados em fundos escuros para um toque refinado.

Exemplo de imagem do midnight regatta gerado usando media.io

9) Clay Pottery

HEX: #2ec4b6 #e71d36 #fdfffc #ff9f1c #011627

Clima: feito à mão, marcante

Melhor para: embalagens e rótulos de produtos artesanais

Azul-petróleo fresco e vermelho tomate saltam aos olhos como cerâmica esmaltada em prateleiras de estúdio. Mantenha o branco bem presente para que as cores saturadas se destaquem de forma intencional. O laranja adiciona um calor artesanal amigável para selos, lotes ou notas de sabor. Dica: use o azul-marinho para texto de ingredientes para manter o rótulo legível em tamanhos pequenos.

Exemplo de imagem de cerâmica de argila gerada com media.io

10) Lanterna de Jardim

HEX: #118ab2 #e63946 #f1faee #a8dadc #457b9d

Clima: primavera fresca, amigável

Melhor para: ilustrações botânicas e promoções sazonais

O teal fresco e o vermelho lanterna lembram um caminho de jardim com flores brilhantes e ar da manhã. Use o menta suave e teal pálido em lavagens de céu, textura de papel ou fundos delicados. O azul mais profundo é ideal para contornos, legendas e pequenos detalhes. Dica: mantenha o vermelho para flores e pontos focais para guiar o olhar naturalmente na composição.

Exemplo de imagem de lanterna de jardim gerada com media.io

11) Arcade Retrô

HEX: #00b4d8 #ff006e #f8f9fa #ffbe0b #3a0ca3

Clima: neon divertido, alto contraste

Melhor para: interfaces de jogos e overlays para streaming

O teal elétrico com vermelho-rosa vibrante lembra luzes de arcade e botões rápidos. Essas combinações de cores teal e vermelho brilham quando você precisa de uma hierarquia forte na UI, especialmente em estados ativos e notificações. Use branco para painéis de conteúdo e amarelo para recompensas secundárias como moedas, medalhas ou destaques de progresso. Dica: reserve o roxo para headers profundos e barras de navegação para que os detalhes neon permaneçam legíveis.

Exemplo de imagem de arcade retrô gerada com media.io

12) Cabana Nórdica

HEX: #1f7a8c #bf4342 #eae2b7 #b7b7a4 #2f3e46

Clima: tranquila, estável

Melhor para: interiores aconchegantes e quadros de decoração para casa

O teal suave e o vermelho tijolo lembram madeira pintada, mantas de lã e um final de semana de inverno calmo. Deixe o bege quente como campo principal e aplique o greige para profundidade sutil em tecidos e fundos. Use teal em móveis ou paredes de destaque, e vermelho para pequenos detalhes decorativos como almofadas ou arte. Dica: escolha acabamentos foscos para manter a paleta macia e natural.

Exemplo de imagem de cabana nórdica gerada com media.io

13) Cartaz de Festival

HEX: #0081a7 #f07167 #fdfcdc #fed9b7 #001f54

Clima: ensolarado, social

Melhor para: flyers de festival de música e eventos ao ar livre

O teal brilhante e o vermelho coral lembram palcos de verão, pulseiras de papel e céu azul claro. Use o creme pálido como fundo para o cartaz ser visto de longe. Pêssego é ideal para blocos de apoio como níveis de lineup ou faixas de patrocinadores. Dica: utilize o azul mais escuro para textos, garantindo legibilidade em impressão.

Exemplo de imagem de cartaz de festival gerada com media.io

14) UI de Comércio Minimalista

HEX: #0a7a7a #d7263d #f6f7f8 #cfd8dc #263238

Clima: limpo, focado em conversão

Melhor para: UI de ecommerce e páginas de produtos

Teal frio com vermelho acentuado transmite modernidade, confiança e prontidão para ação. Mantenha os tons cinza claros como plano principal e utilize carvão para tipografia, protegendo a legibilidade. Teal é ideal para ações primárias e filtros selecionados, enquanto vermelho deve ser reservado para erros, alertas de estoque baixo ou tags de tempo limitado. Dica: use espaçamento consistente e divisores finos para manter a paleta leve, sem sobrecarregar.

Exemplo de imagem de UI de comércio minimalista gerada com media.io

15) Rótulo de Café Artesanal

HEX: #0f766e #c53030 #fff7ed #d6bcfa #2d3748

Clima: artesanal, boutique

Melhor para: embalagens de café e sistemas de rótulo

Teal profundo e vermelho tostado lembram azulejos de café, selos e o zumbido quente de um moedor. Use o fundo cremoso para simular papel não revestido e tornar o rótulo mais acolhedor. Um toque de lavanda adiciona um ar moderno para notas de torra, marcações de origem ou edições sazonais. Dica: mantenha ícones e textos pequenos no cinza-escuro para impressão limpa do rótulo.

Exemplo de imagem de rótulo de café artesanal gerada com media.io

16) Conjunto de Casamento Costeiro

HEX: #2f9c95 #d64045 #fffaf0 #f7d9c4 #1f2937

Clima: romântico, arejado

Melhor para: convites de casamento e papelaria do dia

Teal suave e vermelho-rosa lembram votos à beira-mar, fitas de seda e um pôr do sol rosado. Esta paleta teal e vermelho permanece elegante ao usar marfim e pêssego no espaço de papel. Use o cinza-escuro para nomes e detalhes, o teal nos monogramas e o vermelho em pequenos enfeites como lacre de cera. Dica: escolha um destaque para cada cartão para que o conjunto pareça harmonioso, não colorido demais.

Exemplo de imagem de conjunto de casamento costeiro gerada com media.io

17) Kit de Time Atlética

HEX: #007c7a #d00000 #f5f5f5 #ffba08 #03071e

Clima: competitivo, ousado

Melhor para: branding esportivo e uniformes de times

Teal forte e vermelho intenso transmitem velocidade, impacto e visibilidade no dia do jogo. Use preto como base e branco para criar contraste nos números e marcas de patrocinadores. O dourado funciona melhor como destaque terciário em acabamentos, faixas de capitão ou padrões pequenos. Dica: mantenha o layout do uniforme simples para as cores sobressaírem na arquibancada.

Exemplo de imagem de kit de time atlética gerada com media.io

18) Brochura de Spa

HEX: #4ecdc4 #ff5a5f #f7fff7 #ffe66d #1a535c

Clima: calmante, inspirador

Melhor para: brochuras de bem-estar e livretos promocionais

Teal fresco com vermelho suave lembra toalhas quentes e água fresca, equilibrado e convidativo. Utilize o quase branco como fundo dominante e o teal profundo para títulos e divisores de seção. O amarelo adiciona destaque alegre para chamadas como novos tratamentos ou pacotes sazonais. Dica: evite blocos grandes de vermelho, use-o para pequenos ícones e lembretes de agendamento.

Exemplo de imagem de brochura de spa gerada com media.io

19) UI de Livro Infantil

HEX: #00a8a8 #ff3b3f #fef9ef #ffd166 #26547c

Clima: alegre, amigável

Melhor para: aplicativos de aprendizagem infantil e telas de livros de histórias

Teal brilhante com vermelho maçã-do-amor traz um tom divertido, seguro e fácil de navegar. Esta combinação de cores funciona melhor com fundos cremosos e os tons vibrantes reservados para botões e personagens. O amarelo é perfeito para recompensas, estrelas e momentos de progresso de incentivo. Dica: aumente a área dos botões e use azul marinho para texto, garantindo acessibilidade.

Exemplo de imagem de UI de livro infantil gerada com media.io

20) Cartão de Título Cinematográfico

HEX: #0b525b #9b2226 #f2e9e4 #cddafd #1b263b

Clima: dramático, cinematográfico

Melhor para: cartazes de filmes e títulos de destaque

Teal escuro e vermelho profundo evocam suspense, cortinas de veludo e uma trilha sonora crescente. Utilize off-white para créditos e textos secundários, mantendo o estilo elegante e controlado. O azul claro funciona como iluminação sutil atrás do texto ou barra de destaque em gradientes. Dica: teste o vermelho sobre o azul marinho mais escuro para garantir que pequenos detalhes não desapareçam na impressão.

Exemplo de imagem de cartão de título cinematográfico gerada com media.io

Quais Cores Combinam com Azul-petróleo e Vermelho?

Neutros são os mais fáceis de combinar: off-whites quentes (marfim, creme), brancos frios e cinzas claros impedem que teal e vermelho entrem em competição. Para textos e estrutura, carvão ou azul marinho profundo geralmente dão mais clareza que preto puro.

Se quiser mais calor, experimente areia, bege ou dourado suave—esses unem a frieza do teal com o calor do vermelho e tornam a paleta mais natural. Para um toque moderno, adicione blush suave ou lavanda pálida como destaque delicado.

Quando buscar máximo contraste, mantenha o fundo claro e use teal para blocos principais, com vermelho como destaque pontual. No modo escuro, utilize quase preto ou azul marinho com areia clara na tipografia, adicionando o vermelho com parcimônia.

Como Usar uma Paleta Azul-petróleo e Vermelho em Projetos Reais

Comece atribuindo papéis: selecione uma cor principal (geralmente teal), uma cor de destaque (vermelho) e um neutro dominante para o fundo. Isso evita que páginas, cartazes e layouts fiquem visualmente poluídos.

Para UI, reserve o vermelho para estados críticos (erros, avisos, baixo estoque) e deixe o teal para ações positivas (botões principais, toggles, navegação ativa). Para impressão, teste pequenos elementos vermelhos contra fundos teal/escuros para não perder detalhes.

No branding ou decoração, repita o tom principal com mais frequência—pense em 60/30/10. Teal pode ocupar áreas maiores (paredes, seções principais) e o vermelho funciona melhor em destaques pequenos (emblemas, ícones, almofadas, florais).

Crie Visuais de Paletas Azul-petróleo e Vermelho com IA

Se já tiver códigos HEX, o jeito mais rápido de validar uma paleta é ver aplicada em layouts reais—cartazes, telas de UI, rótulos ou cenas de ambientes. O contexto visual ajuda a identificar problemas como contraste excessivo, neutros apagados ou destaques muito chamativos.

Com o texto-para-imagem da Media.io, você pode gerar exemplos baseados na paleta em minutos usando prompts como “quadro de identidade visual”, “UI de ecommerce” ou “conjunto de convite de casamento”, e iterar até conseguir equilíbrio ideal.

Depois de definir a direção, mantenha os prompts consistentes e troque apenas uma variável por vez (fundo, cor da tipografia, proporção de destaque) para criar um conjunto coeso de ativos em teal e vermelho.

Próximo: Paleta de Cores Rosa Rosé