22 Melhores Paletas de Cor Cyan Escuro: Códigos Hex e Dicas

Ciano escuro está no ponto ideal entre o verde-petróleo e o azul profundo — calmo o suficiente para transmitir confiança, mas ousado para parecer moderno. É uma escolha confiável para sistemas de UI, identidade de marca e interiores quando você quer profundidade sem agressividade.

Abaixo estão ideias de paletas de ciano escuro com códigos HEX, dicas de combinação e prompts de IA que você pode reutilizar para gerar visuais alinhados à marca rapidamente.

Por que paletas de ciano escuro funcionam tão bem

O ciano escuro transmite estabilidade e inteligência porque une o profissionalismo do azul-marinho com a sensação fresca do verde. Essa mistura o torna uma cor “âncora” versátil para sistemas que precisam gerar confiança e energia.

Ele também combina perfeitamente com tons neutros — do off-white ao cinza-ardósia — então os layouts permanecem legíveis e ainda diferentes. Na prática, o ciano escuro é usado frequentemente em navegação, cabeçalhos e botões principais sem sobrecarregar a página.

Por fim, o ciano escuro faz transições lindas para degradês (indo para teal, aqua ou azul profundo). Isso dá profundidade para gráficos, seções de destaque e painéis de fundo, mantendo o clima coeso da marca.

Mais de 20 ideias de paletas de ciano escuro (com códigos HEX)

1) Profundezas do Porto

HEX: #005f66 #0a3d45 #1b2a2f #8fb8b0 #f2f5f4

Clima: sóbrio, náutico, sólido

Melhor para: identidade de marca marítima e sites de serviços

Água do porto em tom dramático e madeira de cais desgastada definem o clima, com sombras teal profundas e luzes de névoa do mar suave. Use para logos, cabeçalhos de destaque e páginas de serviço onde você quer autoridade calma. Combine os tons mais escuros com espaços off-white limpos e menta suave para acessibilidade. Dica: reserve o tom quase preto para texto e ícones, mantendo o ciano rico, não opaco.

Exemplo de imagem das profundezas do porto gerado com media.io

Media.io

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

Experimente agora grátis

2) Maré Botânica

HEX: #006d77 #83c5be #2a9d8f #e9d8a6 #fefae0

Clima: fresco, orgânico, iluminado pelo sol

Melhor para: ilustrações botânicas e rótulos de produtos ecológicos

Verdes de vidro do mar fresco e notas de areia quente evocam um jardim costeiro após a chuva. Funciona lindamente em embalagens naturais, rótulos de bem-estar e estampas ilustradas que pedem energia acolhedora. Equilibre o teal forte com fundos cremosos para manter a leveza. Dica: use o amarelo-areia para detalhes ou selos pequenos, evitando que os verdes sejam ofuscados.

Exemplo de imagem de maré botânica gerado com media.io

3) Aquário à Meia-Noite

HEX: #004d53 #012a2d #0b7285 #3a4750 #e0fbfc

Clima: misterioso, elegante, noturno

Melhor para: dashboards de análise e UI em modo escuro

Vidros de aquário misteriosos e sombras profundas criam um clima elegante e noturno. Essa paleta é ideal para dashboards em modo escuro, nos quais contraste e clareza importam mais que enfeite. Misture o tom gelo com degradês suaves em gráficos e use o teal profundo na navegação. Dica: mantenha uma cor de destaque para estados como ativo ou hover, evitando poluição visual.

Exemplo de imagem de aquário à meia-noite gerado com media.io

4) Corrente de Cobre

HEX: #005b5f #0b3c49 #d08c60 #f3e9dc #2f2f2f

Clima: artesanal, quente, sofisticado

Melhor para: embalagens de café e anúncios de produtos boutique

Calor artesanal aparece como detalhes de cobre sobre o teal profundo do mar. A mistura cria sensação sofisticada nas embalagens, especialmente com texturas foscas e sombras suaves. Combine o tom cobre com tons de papel creme para manter a paleta convidativa. Dica: use o cobre só nos selos, detalhes em hotstamping ou títulos-chave para máximo impacto.

Exemplo de imagem de corrente de cobre gerado com media.io

5) Fiorde Enevoado

HEX: #0c6b6e #4aa3a2 #cfe8e6 #5c677d #f7f7f2

Clima: tranquilo, arejado, escandinavo

Melhor para: interiores de salas de estar e seções de web tranquilas

Névoa calma do fiorde e tons de céu claro trazem sensação limpa, suave e moderna. Vai bem em interiores, landing pages e marcas wellness que pedem calma sem monotonia. Combine o ardósia com iluminação quente ou texturas de madeira clara para aconchego. Dica: deixe o aqua pálido para grandes áreas como paredes, painéis ou fundos de seção.

Exemplo de imagem de fiorde enevoado gerado com media.io

6) Circuito Neon

HEX: #006a73 #00f5d4 #1f2937 #a78bfa #f9fafb

Clima: futurista, impactante, alto contraste

Melhor para: telas de onboarding de aplicativos startup

Brilho elétrico sobre grafite escuro confere um visual futurista e confiante. Ideal para onboarding, destaques de recursos e marketing de SaaS, onde a hierarquia clara é fundamental. Misture o aqua neon com bastante espaço em branco para manter a nitidez e use violeta para ênfases secundárias. Dica: evite blocos grandes de neon, reservando os tons claros para botões, toggles e microdetalhes.

Exemplo de imagem de circuito neon gerado com media.io

7) Oásis do Deserto

HEX: #006b70 #264653 #e76f51 #f4a261 #e9c46a

Clima: aventureiro, quente, pronto para viajar

Melhor para: pôsteres de viagem e promoções de turismo

O calor aventureiro encontra água fresca como um oásis ao pôr do sol. Essas combinações com ciano escuro brilham em pôsteres e anúncios onde os laranjas destacam o teal como foco. Misture o azul-esverdeado escuro com amarelo-areia nos títulos para destaque. Dica: mantenha tons quentes em formas ou bordas, deixando o teal como protagonista.

Exemplo de imagem de oásis do deserto gerado com media.io

8) Ardósia e Mar

HEX: #005a63 #334155 #64748b #cbd5e1 #f8fafc

Clima: profissional, frio, discreto

Melhor para: sites B2B e apresentações de propostas

Ardósia fria encontra tons de mar estáveis para um visual profissional e sem drama. É indicado para sites B2B, relatórios e apresentações onde legibilidade e confiança são essenciais. Misture o teal com cinzas suaves em gráficos e tabelas, mantendo o texto nítido. Dica: aplique o ardósia mais escuro em títulos e deixe o teal destacar links e métricas-chave.

Exemplo de imagem de ardósia e mar gerado com media.io

9) Teal Vintage

HEX: #00656b #2d6a4f #b08968 #f1dca7 #faf3dd

Clima: vintage, texturizado, de livro ilustrado

Melhor para:convites de casamento e papelaria artesanal

Tinta vintage e papel envelhecido ao sol dão a essa mistura um charme artesanal. Perfeito para convites, menus e papelaria em pequenos lotes que se beneficiam de textura e calor. Combine o azul-petróleo com o marrom-canela para um visual clássico de letterpress e suavize com fundos cremosos. Dica: adicione textura sutil ou padrões de meio-tom para reforçar o efeito de impressão.

Exemplo de imagem de impressão vintage teal gerado usando media.io

10) Arctic Glass

HEX: #005f73 #0a9396 #94d2bd #e9d8a6 #001219

Clima:nítido, moderno, do frio ao quente

Melhor para:anúncios de produtos de cuidados com a pele e embalagens clean

Tons árticos nítidos lembram vidro fosco com um toque de calor da areia pálida. Combina perfeitamente com cuidados com a pele, acessórios tecnológicos e embalagens minimalistas que exigem frescor. Combine preto quase absoluto com menta suave para máximo contraste e adicione o tom areia para calor delicado. Dica: use o preto apenas para tipografia pequena e listas de ingredientes para manter o visual leve.

Exemplo de imagem de Arctic Glass gerada usando media.io

11) Gallery Minimal

HEX: #004f55 #111827 #e5e7eb #d1d5db #f9fafb

Clima:minimalista, refinado, editorial

Melhor para:sites de portfólio e sistemas modernos de UI

Paredes de galeria minimalistas e iluminação suave evocam elegância, com o azul-petróleo profundo sendo protagonista. Essa paleta funciona especialmente bem para portfólios e kits de UI que precisam de contenção elegante. Combine o teal com os cinzas frios para espaçamentos e grids intencionais. Dica: limite o teal à navegação, estados ativos e um componente de destaque como botões ou tags.

Exemplo de imagem de Gallery Minimal gerada usando media.io

12) Berry Drift

HEX: #006466 #4d194d #9a031e #e36414 #fbf5f3

Clima:ousado, artístico, mercado noturno

Melhor para:capas de álbuns e pôsteres de eventos

Tons fortes de berry em teal profundo lembram um mercado noturno com letreiros de neon. Use para criar impacto em pôsteres, capas ou campanhas gráficas marcantes. Combine o teal mais escuro com off-white cremoso para textos legíveis, e deixe magenta e vermelho como destaques vibrantes. Dica: mantenha gradientes simples e use blocos de cor para efeito.

Exemplo de imagem de Berry Drift gerada usando media.io

13) Coral Reef Pop

HEX: #006f75 #00a5a8 #ff7f50 #ffd6c0 #102a2a

Clima:divertido, veranil, energético

Melhor para:menus de restaurante e promos para redes sociais

Cores de recife divertidas saltam como coral na água tropical clara. Perfeito para menus, marcas de alimentos e templates sociais onde é preciso estimular o apetite sem exagerar no calor. Combine coral com o blush claro para destaques amigáveis e mantenha o verde mais profundo para textos. Dica: use coral em etiquetas de preço ou CTAs para direcionar o olhar rapidamente.

Exemplo de imagem de Coral Reef Pop gerada usando media.io

14) Rainy Window

HEX: #005d65 #3c6e71 #d9d9d9 #284b63 #f5f5f5

Clima:calmo, reflexivo, urbano

Melhor para:cabeçalhos de blogs e landing pages editoriais

Azuis tranquilos de dia chuvoso lembram olhar pela janela para uma rua calma. A paleta serve para páginas editoriais, cabeçalhos de blog e leituras longas, onde a suavidade reduz a fadiga. Combine o teal com cinzas delicados para fundos e utilize azul profundo para divisores de seções. Dica: mantenha alto contraste nos textos usando tom mais escuro para tipografia.

Exemplo de imagem de Rainy Window gerada usando media.io

15) Forest Lagoon

HEX: #006a6e #2b9348 #55a630 #d9ed92 #081c15

Clima:ao ar livre, vibrante, sustentável

Melhor para:marcas ecológicas e embalagens de produtos outdoor

Verdes exuberantes ao redor de uma lagoa profunda trazem sensação de energia ao ar livre. Ideal para marcas ecológicas, produtos de trilha e campanhas de sustentabilidade. Combine a base escura com destaques lime para visibilidade, mantendo o verde pálido como fundo suave. Dica: use o verde mais claro em painéis secundários para garantir legibilidade dos tons mais vivos.

Exemplo de imagem de Forest Lagoon gerada usando media.io

16) Sandstone Spa

HEX: #006a6f #4f6d7a #c9ada1 #f2e9e4 #22223b

Clima:calmante, equilibrado, sofisticado

Melhor para:folhetos de spa e sites de bem-estar

Tons de spa relaxante evocam toalhas quentes e pedra fria. Use em sites de bem-estar, folhetos e menus de serviços onde confiança e conforto são essenciais. Combine bege-rosa discreto com teal escuro para contraste refinado e mantenha fundos cremosos para suavidade. Dica: escolha um tom profundo para títulos e deixe os neutros dominarem o restante.

Exemplo de imagem de Sandstone Spa gerada usando media.io

17) Techno Ink

HEX: #004b50 #0f172a #1e293b #38bdf8 #a3e635

Clima:técnico, ousado, modo noturno

Melhor para:ferramentas para desenvolvedores e painéis SaaS

Tons de tinta modo noturno com sinais brilhantes são feitos para velocidade e precisão. Funciona para ferramentas de desenvolvimento, dashboards e painéis administrativos onde cores de status precisam ser evidentes. Combine lime e sky com espaço negativo escuro para evitar excesso de brilho. Dica: mapeie os destaques para estados como sucesso, info e destaque para leitura instantânea.

Exemplo de imagem de Techno Ink gerada usando media.io

18) Peacock Velvet

HEX: #005b62 #0b525b #9b5de5 #f15bb5 #fee440

Clima:expressivo, divertido, glam moderno

Melhor para:flyers de festival e gráficos sociais ousados

Tons de veludo pavão expressivos evocam luzes de palco e confiança alegre. Use para flyers, branding de criadores ou campanhas sociais que pedem muita energia e sofisticação. Combine teal escuro com amarelo vibrante para contraste instantâneo e guarde rosa e violeta para detalhes. Dica: use só uma cor brilhante por painel para não sobrecarregar o layout.

Exemplo de imagem de Peacock Velvet gerada usando media.io

19) Coastal Clay

HEX: #006169 #3d405b #e07a5f #f2cc8f #f4f1de

Clima:litoral quente, artesanal, acolhedor

Melhor para:anúncios de produtos para casa e marcas de cerâmica

Barro costeiro quente e ar marinho se misturam num visual artesanal e amigável. Ideal para cerâmicas, decoração para casa e anúncios que buscam um toque humano aconchegante. Combine terracota com teal mais escuro para foco visual, suavize com neutros cremosos. Dica: use o tom areia no fundo para destacar formas dos produtos com calor e naturalidade.

Exemplo de imagem de Coastal Clay gerada usando media.io

20) Stormlight Modern

HEX: #00565c #22333b #5e6472 #c9d6df #edf2f4

Clima:frio, arquitetônico, confiante

Melhor para:portfólios de arquitetura e spreads de revista

Tons de luz tempestuosa evocam concreto, aço e um horizonte moderno claro. Utilize em portfólios de arquitetura, estudos de caso e layouts impressos onde a estrutura é protagonista. Combine teal escuro com cinza-azulado pálido para espaço negativo elegante e margens limpas. Dica: use o tom mais escuro para títulos e legendas, reservando tons claros para colunas e grids.

Exemplo de imagem de Stormlight Modern gerada usando media.io

21) Seaside Monochrome

HEX: #005e63 #00757c #2f3e46 #cad2c5 #f6fff8

Clima:equilibrado, calmo, minimalista

Melhor para:renovação corporativa e landing pages limpas

Tons litorâneos equilibrados evocam minimalismo, estabilidade e modernidade tranquila. A gama de teals e neutros suaves facilita construir seções e componentes consistentes. Combine carvão com brancos menta claros para layouts legíveis e profundidade sutil. Dica: use teal médio em cards e teal mais escuro em CTAs principais para manter a hierarquia clara.

Exemplo de imagem de Seaside Monochrome gerada usando media.io

22) Citrus Harbor

HEX: #005b63 #0a4f57 #f4d35e #ee964b #f7ede2

Clima:alegre, picante, acessível

Melhor para:branding para cafés e promoções sazonais

Detalhes cítricos alegres iluminam o teal do porto profundo como luz solar sobre a água. Essas combinações de azul-petróleo escuro são ótimas para cafés, campanhas de verão e marcas que buscam assinatura de cor marcante. Combine amarelo quente com creme para fundos e use teal em logos e navegação. Dica: reserve laranja para pequenos destaques, para a paleta permanecer fresca e não exagerada.

Exemplo de imagem de Citrus Harbor gerada usando media.io

Quais cores combinam com ciano escuro?

Neutros são a escolha mais fácil: off-white, creme quente, cinza claro, slate e carvão ajudam o azul-petróleo escuro a parecer intencional ao invés de pesado. Para tipografia e ícones, carvão profundo ou quase preto garantem contraste nítido.

Tons quentes criam a tensão visual mais atraente — coral, terracota, cobre, areia e âmbar. Use como highlights (CTAs, badges, etiquetas de preço, dados chave) para manter a paleta calma, mas viva.

Para um visual mais frio e moderno, combine ciano escuro com menta, ciano gelado, azul céu e lavanda suave. Essas combinações são muito fortes em UI, onde é preciso hierarquia clara e fundos confortáveis.

Como usar uma paleta de ciano escuro em projetos reais

Comece pelos papéis, não só pelas cores: escolha um azul-petróleo escuro como âncora da marca (navegação, botões primários), um neutro profundo para texto, um neutro claro para fundo e um destaque para ênfase. Isso mantém a consistência dos componentes entre páginas e telas.

No UI, controle a saturação e reserve tons mais brilhantes para estados (ativo, hover, sucesso/info) para evitar ruído visual. Em impressão ou embalagem, ciano escuro fica premium em papéis foscos e materiais texturizados, especialmente com detalhes metálicos quentes.

Para interiores, o ciano escuro funciona melhor como parede de destaque, armários ou têxteis, equilibrado com madeiras quentes e brancos cremosos. Use tons de aqua mais claros em superfícies maiores caso queira uma sensação calma sem deixar o espaço parecer menor.

Crie visuais de paleta ciano escuro com IA

Se você já possui códigos HEX, pode transformá-los em mood boards, protótipos de UI, pôsteres e cenas de produtos em minutos. A maneira mais rápida é reutilizar um prompt forte e apenas trocar os nomes das paletas ou o contexto do design.

Mantenha seu prompt específico (estilo, tema, iluminação, layout) e deixe o ciano escuro ser a cor "dominante" ou "base". Depois, adicione um destaque quente (coral/cobre/âmbar) para guiar o olhar aos pontos focais, como CTAs ou rótulos de produtos.

Gere algumas variações, escolha a composição mais alinhada à marca e refine o espaçamento e contraste para garantir legibilidade. Este fluxo é especialmente útil quando você precisa de vários criativos para campanhas ou testes A/B.

Próximo: Paleta de Cores Creme Rosa