20 Paletas de Cores Subaquáticas: Ideias e Códigos Hexadecimais

Uma paleta de cores subaquáticas captura a profundidade, calma e contraste da luz do oceano—perfeita para interfaces, marcas e obras de arte que buscam um clima limpo, mas envolvente.

Abaixo estão 20 combinações de cores inspiradas no oceano com códigos HEX que você pode copiar, além de dicas práticas de uso e prompts de IA para gerar visuais combinando rapidamente.

Por Que Paletas Subaquáticas Funcionam Tão Bem

Os tons subaquáticos naturalmente equilibram calma e clareza: azuis-marinho profundos criam estrutura, enquanto tons de teal e aqua trazem frescor sem saturação excessiva. Isso facilita o uso em UI, embalagens e layouts editoriais.

Eles também sustentam uma hierarquia forte. Cores escuras de "profundidade" funcionam como âncoras para texto e navegação, enquanto tons claros atuam como luz filtrando pela água—ideal para fundos, cartões e espaços negativos.

Por fim, paletas oceânicas combinam com tendências modernas como gradientes, sombras suaves e iconografia minimalista. Você pode manter um visual premium e discreto—ou inserir um destaque brilhante (ouro, coral, vermelho) para foco instantâneo.

20+ Ideias de Paletas de Cores Subaquáticas (com Códigos HEX)

1) Deriva Abissal

HEX: #061827 #0B2D3D #0F4C5C #3A8D9A #D7F2F0

Clima: sóbrio, focado, moderno

Melhor para: painel de fintech e web apps com muitos dados

Profundidades sóbrias e correntes tranquilas estabelecem um tom moderno e focado que transmite confiança sem ser chamativo. Use em dashboards onde contraste e legibilidade importam, especialmente com texto claro no navy mais escuro. Combine com ícones de linhas simples e espaçamento generoso para evitar que o teal médio pareça carregado. Dica: reserve o aqua claro para destaques e estados de sucesso, mantendo a interface calma.

Exemplo de imagem de deriva abissal gerada usando media.io

Media.io

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

Experimente Grátis Agora

2) Floresta de Algas

HEX: #0B1F1A #124B3A #2F7D5A #7FC8A9 #E6F3EA

Clima: terroso, fresco, restaurador

Melhor para: identidades eco e rótulos de produtos sustentáveis

Verdes terrosos e espuma-do-mar suavizada evocam algas balançando sob luz filtrada, dando um visual natural. Funciona lindamente para marcas ecológicas, embalagens refill e rótulos de bem-estar onde o aspecto responsável importa. Combine com texturas de papel off-white ou kraft neutro para autenticidade. Dica: use o verde mais escuro em logotipos e o espuma-do-mar como cor de campo suave para manter a tipografia nítida.

Exemplo de imagem de floresta de algas gerada usando media.io

3) Laguna de Pérola

HEX: #F7F5F0 #D9E7E8 #A6CFD3 #3C7E8A #143844

Clima: limpo, arejado, estilo spa

Melhor para: sites de bem-estar e layouts editoriais minimalistas

Tons perlados e azuis suaves de laguna criam uma atmosfera limpa, estilo spa, com acabamento polido. Use em sites de bem-estar, lookbooks e spreads editoriais tranquilos onde o espaço em branco faz parte do design. Combine com headings de serifa fina ou fontes sans leves para um contraste delicado. Dica: mantenha o teal mais escuro para títulos e separadores para garantir uma estrutura clara da página.

Exemplo de imagem de laguna de pérola gerada usando media.io

4) Tesouro Afundado

HEX: #0A1B2A #1F3A5A #2F6F73 #C2A24B #F1E2B7

Clima: aventureiro, premium, cinematográfico

Melhor para: pôsteres de jogos e branding de aventura

Navy cinematográfico e teal desgastado evocam um naufrágio revelado, enquanto o dourado de latão traz um toque premium. Serve para key art de games, marcas de expedição e pôsteres cinematográficos onde drama e hierarquia são essenciais. Combine com gradientes texturizados e granulação sutil para imitar metal envelhecido e água profunda. Dica: use o ouro apenas como destaque raro para botões, medalhas ou título principal.

Exemplo de imagem de tesouro afundado gerada usando media.io

5) Vidro de Poça de Maré

HEX: #0B3A4A #0F6B7B #4CC3D9 #A7F0F5 #F2FBFF

Clima: brilhante, divertido, refrescante

Melhor para: flyers de eventos de verão e promos esportivas aquáticas

Azuis vítreos vibrantes lembram luz solar refletindo nas pools de maré, dando ao design um toque animado e refrescante. Ideal para flyers de verão, eventos de natação e promos juvenis onde energia e clareza são chave. Combine com tipografia arredondada e ondas geométricas simples para um tom amigável. Dica: use o tom mais claro como base para que o cyan intenso seja a cor destaque.

Exemplo de imagem de vidro de poça de maré gerada usando media.io

6) Lanterna de Recife

HEX: #081A24 #103E4A #1F8A8A #F2C14E #FEF3D6

Clima: quente, convidativo, costeiro

Melhor para: menus de restaurantes de frutos do mar e branding de hospitalidade costeira

O dourado de lanterna contra teals de recife parece um jantar à beira do cais ao entardecer, convidativo e acolhedor. Use em menus, branding de hospitalidade e sinalização quando desejar um clima costeiro aconchegante sem ser rústico. Combine com fundos creme e arte náutica simples para um acabamento limpo. Dica: reserve o ouro para destaques, como especiais e cabeçalhos de seção para direcionar a leitura.

Exemplo de imagem de lanterna de recife gerada usando media.io

7) Corrente da Meia-Noite

HEX: #030B12 #0A2233 #123A5A #2B6EA6 #97C6E8

Clima: elegante, tecnológico, noturno

Melhor para: landing pages de SaaS e branding de segurança

Azuis da meia-noite elegantes e destaques elétricos do oceano evocam correntes rápidas e profundidade silenciosa—perfeito para um tom tecnológico. Funciona para landing pages SaaS, produtos de segurança e apresentações que exigem autoridade e polidez. Combine com iconografia nítida e gradientes sutis para adicionar dimensionalidade sem excessos. Dica: use azul claro com moderação para links e CTAs principais, mantendo o visual premium.

Exemplo de imagem de corrente da meia-noite gerada usando media.io

8) Névoa de Espuma-do-mar

HEX: #E9FBF6 #BCEEE3 #69CBBD #2D7B78 #134A4D

Clima: suave, calmante, costeiro

Melhor para: embalagens de beleza e templates sociais calmantes

Espuma-do-mar suave e teals de névoa trazem calma costeira que é limpa e gentil. Perfeito para embalagens de beleza, posts de skincare e templates de autocuidado onde suavidade importa. Combine com bordas finas, espaçamento arejado e tom de papel neutro quente se quiser menos aspecto clínico. Dica: ancore o design com teal mais escuro para texto e mantenha tons pastel legíveis.

Exemplo de imagem de névoa de espuma-do-mar gerada usando media.io

9) Concha de Náutilo

HEX: #F6EFE4 #E1D2B8 #C2B29A #6E7C80 #1C3A4A

Clima: neutro, atemporal, refinado

Melhor para: blogs de lifestyle e papelaria premium

Neutros cremosos de concha com tons ardósia e azul-cinza profundo evocam atemporalidade, como cerâmica desgastada e driftwood. Use em blogs de lifestyle, papelaria premium e material de casamento onde sutileza remete ao luxo. Combine com texturas em relevo, linhas finas e um tom escuro único para títulos. Dica: mantenha o contraste alto para textos usando azul-cinza sobre creme mais claro.

Exemplo de imagem de concha de náutilo gerada usando media.io

10) Gruta Azul

HEX: #071B2D #0B3B66 #166AA6 #1BB3C8 #D2F3FF

Clima: vibrante, nítido, aventureiro

Melhor para: anúncios de viagem e cartazes de tours de mergulho

Azuis vibrantes da gruta e destaques limpos de água proporcionam uma sensação nítida e aventureira, como uma enseada escondida ao meio-dia. É uma ótima escolha para anúncios de viagem, cartazes de tours e banners que precisam de clareza imediata à distância. Combine com títulos em sans ousados e máscaras de fotos de alto contraste ou ondas vetoriais. Dica: use o azul mais claro para espaços negativos, mantendo o ciano forte e legível.

Exemplo de imagem de gruta azul gerada usando media.io

11) Pedra do Porto

HEX: #111B21 #2E3A42 #56646E #8EA1A8 #E5ECEF

Clima: industrial, silencioso, confiável

Melhor para: apresentações de arquitetura e relatórios corporativos

Cinzas frios do porto dão um ar industrial e confiável, como pedra molhada e trilhos de aço perto do píer. Use para decks de arquitetura, relatórios corporativos e portfólios onde a neutralidade favorece o conteúdo. Combine com um destaque azul ou azul-petróleo se precisar de um toque moderno sem perder seriedade. Dica: aposte no cinza mais claro para fundos de seções, criando estrutura sem bordas pesadas.

Exemplo de imagem de pedra do porto gerada usando media.io

12) Seda Sereia

HEX: #1D1B2F #3F2E56 #6A4E7A #2AA6A3 #CFEEEa

Clima: sonhador, luxuoso, levemente místico

Melhor para: branding de beleza e campanhas sociais de boutique

Sombras violetas com brilho azul-petróleo de sereia trazem um toque luxuoso e levemente místico, como cetim refletindo luz suave. Ideal para branding de beleza, campanhas de boutique e promoções criativas que buscam elegância com personalidade. Combine com gradientes brilhantes ou efeitos de desfoque suave para amplificar a sensação sedosa. Dica: mantenha o azul-petróleo para destaque em ícones e pequenos gráficos, deixando os roxos como principal destaque.

Exemplo de imagem de seda sereia gerada usando media.io

13) Fiorde Ártico

HEX: #0A2330 #14485A #2A7F88 #A8D4D8 #F3FBFC

Clima: frio, limpo, espaçoso

Melhor para: interfaces de tecnologia médica e apresentações minimalistas

Azuis frios do fiorde e tons de gelo arejados criam uma sensação de limpeza e amplitude, como respirar ar de inverno. Funciona bem em tecnologia médica, decks científicos e interfaces minimalistas onde a clareza é prioridade. Combine com divisores finos e gráficos simples para um visual clínico porém acolhedor. Dica: use o tom quase branco como base e os azuis escuros para navegação e rótulos.

Exemplo de imagem de fiorde ártico gerada usando media.io

14) Brilho de Plâncton

HEX: #061316 #0A3A3E #16A085 #B7FFCF #F0FFF8

Clima: energético, moderno, bioluminescente

Melhor para: visuais de música e cartazes para festas noturnas

Verdes bioluminescentes e sombras profundas azul-petróleo transmitem energia, como plâncton iluminando um mergulho noturno. Excelente para visuais de música, cartazes de festas e banners digitais ousados onde você busca impacto, mas sem poluição visual neon. Combine com fundos pretos ou quase pretos para destacar os tons brilhantes. Dica: mantenha o menta mais claro para o texto principal ou um elemento central, evitando excessos no layout.

Exemplo de imagem de brilho de plâncton gerada usando media.io

15) Jeans de Mergulho Profundo

HEX: #0B1020 #1C2B4A #2F4F7B #4F86C6 #D9E6F7

Clima: confiante, acessível, clássico

Melhor para: telas de onboarding de aplicativos e produtos educacionais

Azuis clássicos do jeans transmitem confiança e acessibilidade, como um favorito familiar com profundidade. Use em fluxos de onboarding, produtos educacionais e interfaces web limpas onde confiança e simpatia precisam andar juntas. Combine com cartões arredondados e ilustrações simples para manter leveza. Dica: deixe o azul médio realizar a maior parte do trabalho e reserve o tom mais escuro apenas para títulos e estados principais da interface.

Exemplo de imagem de jeans de mergulho profundo gerada usando media.io

16) Sinal de Sereia

HEX: #071A22 #0B4C5F #168C9A #E64B4B #F2F5F6

Clima: ousado, alerta, alto contraste

Melhor para: landing pages guiadas por CTA e banners promocionais

Azul-petróleo profundo combinado com um vermelho vibrante transmite urgência controlada, como um farol cortando a neblina. Excelente para landing pages e banners onde o call-to-action precisa se destacar de imediato. Combine com bastante espaço em branco e iconografia minimalista para que o vermelho se destaque de forma intencional, sem poluição visual. Dica: restrinja o vermelho apenas a botões primários e badges críticos, deixando o azul-petróleo para o restante do layout.

Exemplo de imagem de sinal de sereia gerada usando media.io

17) Neutro Grama Marinha

HEX: #F2F0E7 #D6DCC8 #9AB39A #4D6B5E #1F3A33

Clima: natural, calmo, discreto

Melhor para: branding de artigos para casa e embalagens minimalistas

Neutros suaves de grama marinha evocam naturalidade e discrição, como linho, argila e plantas do litoral. Funcionam muito bem em artigos para casa, embalagens minimalistas e marcas de estilo de vida que buscam calor sem cores vivas. Combine com materiais táteis como papel não revestido e relevo discreto para um toque premium. Dica: use o verde mais escuro para tipografia pequena e códigos de barras, mantendo os tons claros arejados.

Exemplo de imagem de grama marinha neutra gerada usando media.io

18) Latão Submarino

HEX: #0A1A1F #123843 #2F6A78 #B08D57 #F2E6D6

Clima: vintage, engenhoso, náutico

Melhor para: rótulos de cerveja artesanal e marcas patrimoniais

Tons profundos de submarino com calor de latão evocam engenhosidade e vintage, como rebites, medidores e metal polido. Use em rótulos de cerveja artesanal, marcas patrimoniais e embalagens com inspiração náutica sem parecer kitsch. Combine com tipografia serifada ou emblemas estilo badge para acentuar o clima antigo. Dica: mantenha o creme como base do rótulo e utilize o latão apenas para carimbos e linhas de acabamento.

Exemplo de imagem de latão submarino gerada usando media.io

19) Coral Brilhante

HEX: #0B2A33 #0E5564 #19A1A6 #FF6B5A #FFE3D7

Clima: animado, tropical, chamativo

Melhor para: anúncios sociais e lançamentos de produtos de verão

Teals animados dos recifes com destaque coral transmitem um clima tropical e chamam atenção, como um flash entre as ondas. Essas combinações submarinas são perfeitas para anúncios sociais e lançamentos de verão quando você precisa de um detalhe impactante. Combine com layouts simples e muito espaço de pêssego pálido para o coral permanecer premium. Dica: aplique coral a apenas um ou dois elementos por quadro, como tags de preço ou um único botão.

Exemplo de imagem de coral brilhante gerada usando media.io

20) Tinta Salina

HEX: #05080D #0E1A24 #19344A #2C6F80 #D0E8EA

Clima: sério, editorial, sofisticado

Melhor para: marcas editoriais e artigos web longos

Pretos intensos e azuis oceânicos profundos criam um clima sério e editorial, como um texto longo confiável. Use em marcas editoriais, templates de artigos e portfólios onde a tipografia comanda a experiência. Combine com fundos creme suave e blocos de destaque controlados para navegação. Dica: mantenha o aqua claro para citações e painéis de destaque para quebrar o texto denso sem tirar o foco.

Exemplo de imagem de tinta salina gerada usando media.io

Quais Cores Combinam com Subaquáticas?

Paletas submarinas combinam melhor com neutros que simulam areia, sal e espuma—pense em brancos quentes, beiges cremosos e cinzas suaves. Isso mantém sua composição arejada e ajuda esquemas com muito azul-petróleo a ficarem menos “digitais”.

Para contraste, adicione um único destaque que funcione como sinal no fundo do mar: coral, ouro latão ou vermelho. Usados com moderação em CTAs, badges ou dados-chave, esses destaques criam hierarquia instantânea sem competir com os tons oceânicos.

Se quiser um visual mais editorial ou premium, inclua pretos intensos e azuis acinzentados. Eles favorecem layouts com foco em tipografia e mantêm gradientes, fotos e componentes de interface fundamentados.

Como Usar uma Paleta Subaquática em Designs Reais

Comece com um tom escuro âncora (navy/tinta) para texto, navegação e contornos, depois escolha um azul-petróleo médio para grandes superfícies como cartões ou painéis. Finalize com aqua pálido ou tom de gelo para fundos e mantenha a legibilidade.

No branding, combinações de cores submarinas funcionam quando você limita o “herói” a uma família (azul-verde) e reserva qualquer destaque quente (coral/ouro/vermelho) para momentos pequenos e repetidos—ícones, selos ou um botão único.

Para UI, teste o contraste desde cedo. Muitos aquas são brilhantes, mas de baixo contraste no branco; trocar para fundos creme, adicionar bordas sutis ou usar azul-petróleo mais escuro em rótulos mantém acessibilidade e nitidez.

Crie Visuais de Paletas Subaquáticas com IA

Se quiser visualizar essas cores marinhas em cartazes, embalagens, landing pages ou anúncios sociais, gere mockups rápidos com IA. Você pode reutilizar os prompts acima, trocando apenas o tema (menu, dashboard, flyer) conforme o projeto.

Media.io facilita iterações: experimente diferentes proporções, ajuste iluminação e teste cores de destaque (coral ou ouro) até a paleta submarina ficar equilibrada e alinhada à marca.

Depois de decidir, exporte suas favoritas e use os códigos HEX aqui para criar o mesmo sistema de cores no Figma, Canva ou na ferramenta de sua preferência.

Próximo: Paleta de Cores Coral Vermelho