Paletas de Cores Eclipse: Estilos Suaves, Vibrantes e Tons Neutros

As paletas Eclipse giram em torno de neutros escuros — tons de tinta, carvão e meia-noite — somados a um toque controlado de destaque (lavanda, teal, dourado ou rosé) para direcionar a atenção.

Abaixo estão 20 combinações de cores Eclipse prontas para usar, com códigos HEX, notas de clima e exemplos de prompts de IA que você pode recriar para branding, UI e gráficos para redes sociais.

Por que as Paletas Eclipse Funcionam Tão Bem

As paletas Eclipse são construídas sobre bases de baixa luminosidade (quase pretos, carvão, ardósia, azul-marinho profundo) que imediatamente transmitem sensação moderna, premium e de foco. Como a base é discreta, tipografia e hierarquia do layout ficam mais claras com menos cores.

Elas também funcionam bem em vários produtos: você pode manter o mesmo sistema neutro escuro para componentes de UI e trocar apenas um destaque para adaptar a campanhas, funcionalidades ou linhas de marca. Isso torna os esquemas Eclipse práticos para sistemas de design e fluxos de conteúdo.

Mais importante, as combinações Eclipse facilitam o controle de contraste. Você pode criar profundidade com pequenos passos entre os cinzas e usar uma cor de destaque para CTAs, etiquetas ou elementos-chave sem sobrecarregar a tela.

20+ Ideias de Paletas Eclipse (com Códigos HEX)

1) Órbita da Meia-noite

HEX: #0b0f1a #1b2a41 #3a4f7a #9aa6b2 #f2f5f7

Clima: cósmico, focado, moderno

Melhor para: dashboard analítico SaaS UI

Cósmicos e focados, esses tons Eclipse lembram uma sala de controle silenciosa sob o céu noturno. Use o azul-marinho profundo e o tinta como base e destaque a hierarquia com azul aço e cinza frio. Brilha em interfaces ricas em dados, fintechs e painéis administrativos onde o contraste importa. Dica: reserve o quase branco para cards e métricas-chave para manter o layout leve.

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

Media.io

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

Experimente Gratuitamente Agora

2) Halo Acinzentado

HEX: #1a1a1a #3b3f46 #6b7078 #c9c6bf #f4f1ea

Clima: silencioso, refinado, editorial

Melhor para: sistema de identidade visual minimalista

Silenciosa e refinada, esta mistura lembra cinzas suaves, metal polido e papel quente. Os esquemas Eclipse funcionam melhor quando o carvão mais escuro é usado em logos e títulos, enquanto o quase branco quente ocupa o espaço negativo. Ideal para sistemas de identidade premium, layouts focados em tipografia e embalagens monocromáticas. Dica: acrescente textura com grãos sutis ou acabamentos de papel reciclado ao invés de mais cores.

Exemplo de imagem de halo acinzentado gerada usando media.io

3) Lavanda Lunar

HEX: #14121a #2b2436 #5a4e78 #b8a7d9 #f5f2fb

Clima: sonhador, suave, noturno

Melhor para: telas de onboarding de app de bem-estar

Sonhadores e noturnos, esses roxos lembram luz da lua através das nuvens. Use o violeta quase preto como base e deixe a lavanda nos destaques e microinterações amigáveis. Funciona muito bem para bem-estar, sono e experiências de diário onde se busca calma sem ser totalmente pastel. Dica: use o lilás claro como painel de fundo suave para evitar contraste forte.

Exemplo de imagem de lavanda lunar gerada usando media.io

4) Sombra Solar

HEX: #0f1012 #2a2d34 #444a54 #d0a85c #f6f0e4

Clima: dramático, premium, cinematográfico

Melhor para: design de pôster para evento de luxo

Dramático e cinematográfico, esses cinzas escuros preparam o palco para o destaque do dourado quente. Esta paleta Eclipse é mais forte quando o dourado é um destaque raro para datas, ícones ou uma frase. Use em pôsteres de eventos de luxo, vernissages e noites de música onde o premium é imediato. Dica: mantenha os fundos foscos e traga o dourado apenas em elementos metálicos para impacto.

Exemplo de imagem de sombra solar gerada usando media.io

5) Nébula de Grafite

HEX: #101214 #24282e #3f4650 #7b8794 #e6e8eb

Clima: técnico, nítido, discreto

Melhor para: site de documentação de desenvolvedor

Técnicos e nítidos, esses tons grafite lembram metal escovado e blocos de código limpos. Use o tom mais escuro para navegação e rodapés e os tons médios para seções e divisores. Se encaixa em sites de documentação, bases de conhecimento e centros de ajuda onde a legibilidade é prioridade. Dica: combine com uma cor de status vibrante, somente para estados de sucesso ou erro.

Exemplo de imagem de nébula de grafite gerada usando media.io

6) Cobre Crepuscular

HEX: #121315 #2b2a2a #5a3e34 #b56a4a #f1e3d3

Clima: quente, atmosférico, artesanal

Melhor para: design de embalagem de café

Quente e artesanal, esta paleta Eclipse remete a grãos torrados, brilho do cobre e cafés noturnos. Use os pretos espresso para a marca, depois cobre e bege para detalhes de sabor e selos. É ideal para embalagens de café, alimentos artesanais e anúncios aconchegantes. Dica: adicione uma ilustração simples em bege para manter o design premium e não poluído.

Exemplo de imagem de cobre crepuscular gerada usando media.io

7) Vidro de Tempestade

HEX: #0e1116 #1f2a33 #3b5564 #7fa0ad #d9e3e8

Clima: frio, confiável, elegante

Melhor para: seção hero de landing page B2B

Frias e confiáveis, essas tonalidades de azul lembram chuva no vidro e impulso tranquilo. Como esquema Eclipse, equilibra estrutura intensa com destaques leves deixando páginas modernas. Use os tons mais escuros em títulos e CTAs e o azul-cinza pálido para espaços em branco e gradientes sutis. Dica: combine com tipografia sans-serif marcada e ícones de linha para um visual empresarial limpo.

Exemplo de imagem de vidro de tempestade gerada usando media.io

8) Anoitecer de Veludo

HEX: #170f14 #2f1b2a #55304a #a36b8e #efe3ea

Clima: romântico, artístico, íntimo

Melhor para: arte de capa de álbum

Românticos e íntimos, esses roxos aveludados lembram cortinas de palco e néon desbotando. Use a ameixa escura como fundo e rosa enfumaçado para títulos e detalhes. Funciona bem para capas de álbuns, zines de poesia e divulgações boutique. Dica: mantenha a tipografia mínima e deixe um gradiente suave fazer o trabalho visual.

Exemplo de imagem de anoitecer de veludo gerada usando media.io

9) Eclipse Espresso

HEX: #0f0c0a #2a1f1a #5a453b #a27c64 #f0e6dc

Clima: aconchegante, terroso, rústico

Melhor para: design de cardápio de café

Aconchegante e terroso, esse conjunto lembra o creme do espresso, madeira de nogueira e luz de velas quente. Use o marrom mais escuro em títulos e divisores, depois traga o bege para preços e destaques. Combina com cardápios de cafés, sinalização de padaria e sobreposições em fotos de comida onde o calor conta a história. Dica: combine com fonte serifada nos títulos e bastante espaçamento para um ar sofisticado.

Exemplo de imagem de espresso eclipse gerada usando media.io

10) Safira Defumada

HEX: #0b1016 #142235 #2a4664 #5b7ea3 #d7e2ef

Clima: inteligente, calmo, digital

Melhor para: ui de aplicativo fintech móvel

Inteligentes e calmos, estes azuis transmitem profundidade, segurança e uma sensação digital sofisticada. Use o azul-marinho mais escuro para abas e botões principais e o azul-claro como fundo dos cards. É ótimo para apps fintech, dashboards bancários e fluxos de assinatura em que a clareza gera confiança. Dica: adicione uma borda fina no azul-médio para separar cards sem sombras pesadas.

Exemplo de imagem de safira defumada gerada usando media.io

11) Violeta Concreto

HEX: #151516 #2c2a33 #4b465c #8a7ea6 #e7e3f0

Clima: urbano, minimalista, criativo

Melhor para: revista editorial aberta

Urbana e minimalista, esta paleta eclipse lembra paredes de concreto com brilho violeta ao entardecer. Use o quase-preto para texto principal e o violeta suave para personalidade em citações e títulos de seção. Combina com editoriais de moda, layouts de arquitetura e revistas culturais que buscam sobriedade com um toque especial. Dica: combine com fotos de alto contraste e mantenha blocos de cor apenas em margens pequenas ou legendas.

Exemplo de imagem de violeta concreto gerada usando media.io

12) Jardim Noturno

HEX: #0d1110 #1f2b24 #3f4f3f #7c9a6a #e3efe1

Clima: terroso, calmo, botânico

Melhor para: ilustração botânica em aquarela

Terrosos e calmos, estes verdes parecem folhas ao luar e musgo após a chuva. Use os tons profundos de floresta para talos e sombras, suavizando a cena com sálvia e menta claras. Perfeita para impressos botânicos, embalagens de primavera e gráficos de bem-estar que exigem uma vibe natural. Dica: mantenha as bordas soltas e deixe a menta clara como espaço negativo.

Exemplo de imagem de jardim noturno gerada usando media.io

13) Estação Espacial

HEX: #0c0f12 #1b1f26 #343a46 #6f7a88 #f2f4f7

Clima: elegante, futurista, organizado

Melhor para: modelo de slides para apresentação

Elegantes e organizados, estes tons eclipse evocam o interior de uma estação espacial com painéis nítidos e luz suave. Use os tons mais escuros para títulos e navegação, e o quase-branco para fundo de slides e gráficos. Funciona bem para apresentações, relatórios técnicos e roteiros de produtos onde a estrutura importa. Dica: limite as cores dos gráficos para dois tons de cinza-azulado para manter os dados limpos.

Exemplo de imagem de estação espacial gerada usando media.io

14) Ameixa Encoberta

HEX: #120f14 #2a202c #4b394f #7d5f7c #e9dde9

Clima: suave, elegante, contemplativo

Melhor para: convites de casamento

Suave e contemplativa, esta paleta lembra nuvens ao entardecer e fitas de cetim. Use ameixa profunda para nomes e títulos e o malva claro como tom do papel. Este esquema eclipse combina para convites de casamento, anúncios formais e papelaria romântica, onde elegância importa mais que brilho. Dica: use linhas finas na ameixa média para uma moldura refinada sem excesso.

Exemplo de imagem de ameixa encoberta gerada usando media.io

15) Menta e Carvão

HEX: #0f1214 #1e2a2a #35524a #6fb8a6 #e7f6f1

Clima: fresco, equilibrado, moderno

Melhor para: banner de anúncio de produto skincare

Fresco e equilibrado, esta combinação lembra ar frio contra pedra escura. Uma paleta eclipse como essa funciona melhor quando a menta é destaque com tipografia em carvão e apoio em teal profundo. Use em anúncios de skincare, marcas de saúde e páginas de produto limpas que precisam de cor tranquila. Dica: mantenha fundos quase brancos e aplique menta em botões ou ícones de benefício para clareza.

Exemplo de imagem de menta e carvão gerada usando media.io

16) Rosa Ardósia

HEX: #111216 #2b2c34 #585b6a #c08a98 #f4e9ec

Clima: moderno, romântico, sóbrio

Melhor para: templates de quotes para redes sociais

Moderna e sóbria, neutros ardósia fazem o tom de rosa parecer intencional em vez de exagerado. Use ardósia escuro para texto, rosado para palavras em destaque e o rosa claro para fundo de alta legibilidade. Ótima para templates de frases, carrosséis de criadores e anúncios de estilo de vida. Dica: use apenas uma família tipográfica e varie o peso em vez de gráficos extras.

Exemplo de imagem de rosa ardósia gerada usando media.io

17) Areia Obsidiana

HEX: #0c0c0e #232326 #4a4a4f #b6a793 #f7f2ea

Clima: sofisticado, premium, natural

Melhor para: quadro de inspiração de interiores

Sofisticado e premium, este esquema eclipse remete a pedra obsidiana, concreto gasto e areia quente. Use neutros escuros para etiquetas e amostras e bege areia para deixar o quadro convidativo. Funciona para moodboards de interiores, conceitos arquitetônicos e marcas de móveis que preferem luxo discreto. Dica: combine com texturas de madeira e metal preto fosco para um acabamento coeso.

Exemplo de imagem de areia obsidiana gerada usando media.io

18) Aurora Boreal Suave

HEX: #0a1212 #12312c #1f5a52 #4aa68f #dff7f0

Clima: fria, energética, limpa

Melhor para: badge para conferência de tecnologia

Frias e energéticas, estas notas teal lembram auroras ao longe sobre águas escuras. Use o teal quase preto no crachá e realce nomes e trilhas com verde-espuma brilhante. Ideal para eventos tech, materiais de oficina e sinalização moderna onde escaneamento rápido importa. Dica: mantenha os ícones simples e use o verde-espuma só para duas informações principais.

Exemplo de imagem de aurora boreal suave gerada usando media.io

19) Deriva Monocromática

HEX: #0e0f10 #2a2c2e #55595e #a7adb3 #f6f7f8

Clima: minimalista, atemporal, confiante

Melhor para: layout de portfólio online

Minimalista e atemporal, este conjunto de tons de cinza lembra paredes de galeria e impressão nítida. Use o mais escuro para navegação e títulos, o cinza médio para texto secundário e o quase-branco no fundo. É ótima escolha para portfólios, sites de agência e páginas de case, onde o destaque deve ser o trabalho. Dica: adicione um hover sutil usando o cinza claro para manter as interações visíveis sem poluição visual.

Exemplo de imagem de deriva monocromática gerada usando media.io

20) Eclipse Mar Profundo

HEX: #071015 #0e2430 #144355 #1f6f7a #cfe8e6

Clima: misterioso, frio, sofisticado

Melhor para: pôster de viagem para passeio noturno costeiro

Misteriosos e sofisticados, estes tons do mar evocam ondas à luz do luar e luzes de porto ao longe. Use o azul-petróleo mais escuro como fundo e o teal para formas de destaque e títulos. Ideal para pôsteres de viagem, experiências costeiras e campanhas atmosféricas com foco no clima. Dica: mantenha gradientes sutis e adicione granulação fina para evitar faixas em áreas escuras grandes.

Exemplo de imagem de eclipse mar profundo gerada usando media.io

Quais Cores Combinam com Eclipse?

Paletas Eclipse (neutros escuros) combinam melhor com destaques frios como azul-ardósia, safira, teal e lavanda suave. Estes tons mantêm o visual limpo e contemporâneo, além de garantir legibilidade em fundos escuros.

Para mais contraste quente, adicione dourado controlado, cobre, areia, rosado ou bege claro. A chave é o equilíbrio: use tons quentes apenas como destaque para CTAs, datas, selos ou um elemento principal.

Se quiser mais flexibilidade, use quase branco, branco quente ou cinza claro como cor de “respiro”. Isso aumenta contraste, suporta cards e superfícies e deixa a UI escura mais leve.

Como Usar uma Paleta Eclipse em Projetos Reais

Comece com a divisão 70/20/10: 70% base neutra escura, 20% tons médios para seções e bordas, e 10% para destaque em elementos interativos ou de alta prioridade. Isso mantém as combinações eclipse intencionais, não confusas.

Na UI, use o tom mais escuro para navegação e botões principais, então disponha conteúdo em superfícies claras (cards, tabelas, painéis) para conforto em sessões longas. Em pôsteres e gráficos sociais, deixe a cor mais escura como palco e o destaque como holofote.

Para branding, escolha um destaque principal e mantenha a consistência entre templates. Uma única cor de destaque reconhecível constrói identidade mais rápido do que várias cores vivas em cada arte.

Crie Visuais de Paletas Eclipse com IA

Se tem códigos HEX e precisa de mockups rápido, gere imagens on-brand com um prompt de IA que inclua seu tema (UI, pôster, embalagem) e suas cores eclipse como tons “predominantes” e de “destaque”.

No Media.io, você pode iterar rapidamente: teste proporções diferentes para anúncios, miniaturas e telas de onboarding e depois ajuste tipografia, densidade do layout e textura (fosco, granulado, foil) para combinar com seu mood.

Quando encontrar um visual que gosta, reutilize a mesma estrutura do prompt em diferentes campanhas—troque apenas a cor de destaque e o tema para manter um sistema eclipse consistente.

Próximo: Paleta de Cores Safari