Starry Night: 20 Paletas de Cores Inspiradas + Códigos Hex

Uma paleta de cores de noite estrelada captura o drama silencioso dos azuis profundos, roxos intensos e neutros iluminados pela lua—perfeita para designs que você quer que pareçam imersivos, sofisticados e calmos.

Abaixo estão 20 ideias de esquemas de cores de noite estrelada com códigos HEX para UI, branding, pôsteres, ilustrações e muito mais—cada um com um prompt de IA que você pode reutilizar.

Por Que Paletas de Noite Estrelada Funcionam Tão Bem

Cores de noite estrelada naturalmente criam profundidade: bases quase pretas, marinhos em camadas e tons suaves de destaque imitam como percebemos o céu à noite—escuro no geral com pontos seletivos de brilho.

Elas também facilitam a tipografia e a hierarquia de UI. Fundos escuros ajudam o conteúdo a se destacar, enquanto neutros “luar” claros proporcionam superfícies legíveis para cartões, etiquetas e textos longos.

Por fim, paletas estreladas são emocionalmente flexíveis: podem parecer cinematográficas, românticas, futuristas ou serenas dependendo se você adiciona calor dourado, mistério violeta ou neutros prateados frios.

20+ Ideias de Paletas de Cores de Noite Estrelada (com Códigos HEX)

1) Observatório da Meia-Noite

HEX: #0b1026 #1a2a6c #334e8a #d8d2c4 #f5c542

Clima: cinematográfico, sólido, celestial

Melhor para: identidade de marca para museu de ciências

Azuis da meia-noite cinematográficos com o toque caloroso do brilho das estrelas lembram olhar por um telescópio numa noite clara e fria. Essas combinações funcionam perfeitamente para logos, placas e cabeçalhos de sites onde você quer autoridade com um toque de encantamento. Combine o dourado com o neutro claro para distintivos, ícones ou destaques mantendo o contraste nítido. Dica de uso: mantenha #0b1026 como fundo principal e reserve #f5c542 para apenas um elemento focal por seção.

Exemplo de imagem do observatório da meia-noite gerado usando media.io

Media.io

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) Nébula Índigo

HEX: #120a2a #2b1d5e #4a3fa6 #8b7ff0 #f2eefc

Clima: sonhador, místico, luminoso

Melhor para: capa de álbum

Índigos sonhadores e violetas elétricos brilham como uma nébula que se desfaz numa névoa suave. Os passos amigáveis ao gradiente tornam ideal para capas de álbum, banners sociais e fundos animados que precisam de profundidade sem contraste brusco. Combine lavanda pálida com o roxo mais profundo para texto legível e acabamento elegante. Dica de uso: use #8b7ff0 como camada de brilho atrás de títulos em vez de preenchimento plano.

Exemplo de imagem de nébula índigo gerado usando media.io

3) Porto ao Luar

HEX: #0a1b2a #103a5a #2d6a8a #a7c5d9 #f1e7d6

Clima: calmo, costeiro, reflexivo

Melhor para: design de site de blog de viagem

Azuis de oceano calmo e tons de céu nebuloso evocam docas quietas e luzes distantes sobre a água. A mistura é perfeita para blogs de viagem, páginas de hospedagem e layouts editoriais que buscam um sentimento arejado e confiável. Combine o creme com o azul mais escuro para leitura em textos longos e suaves transições entre seções. Dica de uso: mantenha #a7c5d9 para grandes painéis de fundo e deixe #2d6a8a para botões e links.

Exemplo de imagem de porto ao luar gerado usando media.io

4) Cosmos de Veludo

HEX: #070711 #1b0f2e #3c1f5c #6b3fa0 #f0d8ff

Clima: exuberante, dramático, artístico

Melhor para: design de pôster de teatro

Roxos de veludo exuberante e sombras quase pretas lembram cortinas de palco abrindo para uma cena cósmica. O contraste forte é ideal para pôsteres, programas de peças e promoções de eventos que precisam de impacto instantâneo. Combine lilás claro com ameixa escura para títulos legíveis à distância. Dica de uso: adicione textura ou granulação sutil a grandes áreas escuras para evitar bandas planas na impressão.

Exemplo de imagem de cosmos de veludo gerado usando media.io

5) Silêncio das Luzes do Norte

HEX: #031a1c #0b3b3c #1f6f6d #7ad1c3 #f7f4e8

Clima: fresco, leve, meditativo

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

Sombras de teal fresco e luz de menta suave sugerem brilho de aurora sobre neve parada. Estes tons são ótimos para onboarding de bem-estar, exercícios respiratórios e dashboards calmantes onde a clareza importa. Combine o branco levemente off com o teal mais escuro para texto limpo e iconografia mínima. Dica de uso: use #7ad1c3 com moderação como indicadores de progresso para manter a experiência tranquila, não chamativa.

Exemplo de imagem de silêncio das luzes do norte gerado usando media.io

6) Tinta do Astrônomo

HEX: #0b0f1a #1d2a44 #2f4a76 #7b8db0 #e9edf5

Clima: profissional, frio, confiável

Melhor para: UI de dashboard SaaS

Azuis de tinta frios e neutros de ardósia suaves lembram um espaço de trabalho noturno com brilho discreto. A paleta é construída para dashboards, tabelas e telas de dados que precisam hierarquia sem agressividade. Combine o tom mais claro com azul médio para cartões, e mantenha o mais escuro para navegação e cabeçalhos. Dica de uso: reserve #2f4a76 para ações principais e use #7b8db0 para estados secundários.

Exemplo de imagem de tinta do astrônomo gerado usando media.io

7) Orquídea do Crepúsculo

HEX: #1a0b24 #3a1a4f #6c2c7d #b56bb3 #f6e3f2

Clima: romântico, alegre, veludoso

Melhor para: embalagem de produto de beleza

Roxos orquídea românticos com destaques blush suaves evocam flores ao crepúsculo e tecido sedoso. A mistura funciona bem para cosméticos, rótulos de fragrância e embalagens boutique onde você quer elegância com personalidade. Combine o rosa mais claro com ameixa escura para texto de ingredientes legível e área de código de barras. Dica de uso: use foil metálico nos elementos #b56bb3 para adicionar brilho premium sem alterar o equilíbrio da cor.

Exemplo de imagem de orquídea do crepúsculo gerado usando media.io

8) Ouro da Constelação

HEX: #0b1430 #182a57 #2d4f8f #d1b15a #f8f1d8

Clima: real, quente, luxo noturno

Melhor para: conjunto de convite de casamento

Marinho real e ouro da constelação evocam votos manuscritos sob um céu estrelado. Esta paleta de noite estrelada é perfeita para convites, menus e monogramas que buscam contraste atemporal. Combine o creme com ouro para bordas delicadas, depois finalize com tipografia azul profundo. Dica de uso: mantenha o ouro em linhas e pequenos ícones para um visual elegante sem pesar.

Exemplo de imagem de ouro da constelação gerado usando media.io

9) Espaço Profundo Minimalista

HEX: #05070f #111a33 #1e2b4d #2f416d #c8d0e0

Clima: minimalista, sério, moderno

Melhor para: design de pitch deck de tecnologia

Azuis do espaço profundo e tons limpos de aço criam uma atmosfera focada e minimalista. Perfeito para pitch decks, templates de keynote e briefs de produto onde você busca confiança sem ruído visual. Combine o cinza-azulado claro com o tom mais escuro para gráficos e legendas que permanecem nítidos em projetores. Dica de uso: use #2f416d como seu único destaque e deixe os outros azuis cuidarem da estrutura e profundidade.

Exemplo de imagem de espaço profundo minimalista gerada usando media.io

10) Jardim Noturno em Flor

HEX: #0c1220 #20304a #3a4d6a #7d5a80 #f3d6c6

Clima: intimista, floral, atmosférico

Melhor para: série de ilustrações botânicas

Azuis acinzentados intensos com mauve empoeirado lembram flores desabrochando à noite. Os tons são ideais para ilustrações botânicas, impressões de papelaria e visuais de narrativas delicadas. Combine o destaque pêssego com o azul-marinho mais escuro para destacar pétalas e etiquetas. Dica de uso: mantenha os contornos em #20304a em vez de preto puro para um acabamento mais suave e coeso.

Exemplo de imagem do jardim noturno em flor gerada usando media.io

11) Denim Astral

HEX: #0a1633 #14306b #2b4ea2 #6f8fce #f2f4fb

Clima: limpo, energético, casual

Melhor para: layout de lookbook streetwear

Azuis denim com destaques nítidos evocam noites urbanas e vitrines bem iluminadas. Este conjunto funciona para lookbooks, banners de e-commerce e branding esportivo que necessita de impacto sem neon. Combine o tom mais claro com azul médio para cartões de produto e guias de tamanho. Dica de uso: use #14306b para títulos e #2b4ea2 para botões para manter a hierarquia evidente.

Exemplo de imagem de denim astral gerada usando media.io

12) Fumaça Lunar Prateada

HEX: #10131a #2a2f3a #4c5566 #aeb7c6 #f4f6f9

Clima: elegante, silencioso, futurista

Melhor para: página de produto para fones de ouvido

Carvões elegantes e pratas lunares lembram a luz da lua difusa por fumaça suave. A gama neutra é ótima para páginas de produto, branding de hardware e layouts com muitas fotos, onde o visual deve se destacar. Combine o cinza mais claro com carvão para tabelas e especificações. Dica de uso: adicione um pequeno sublinhado azul frio ou detalhe de ícone apenas se precisar de pistas extras de interação.

Exemplo de imagem de fumaça lunar prateada gerada usando media.io

13) Cacau Cósmico

HEX: #0f111a #2a2430 #4b3b3d #8a6f5e #f0e7da

Clima: quente, terroso, sofisticado

Melhor para: embalagem de marca de café

Marrons cacau quentes misturados com carvão escuro evocam cafés noturnos e luz suave de abajur. É perfeito para sacos de café, rótulos artesanais e branding acolhedor com toque moderno. Combine o creme com o carvão para textos fortes e notas do café. Dica de uso: use #8a6f5e para pequenos elementos de padrão, agregando textura sem escurecer o visual geral.

Exemplo de imagem de cacau cósmico gerada usando media.io

14) Chuva de Meteoros Pop

HEX: #0b0e1f #1a2b6d #4b4cf0 #ff4fd8 #f8f8ff

Clima: ousado, elétrico, vida noturna

Melhor para: flyer de festival de música

Azuis elétricos e magenta vibrante cortam um fundo escuro como meteoros riscando o céu. Essas combinações noturnas são feitas para flyers, promoções sociais e motion graphics que requerem energia instantânea. Combine o quase branco com o azul-marinho mais escuro para textos pequenos e garantir a legibilidade. Dica de uso: mantenha o magenta como faixa de destaque ou cor para título, nunca como bloco de fundo.

Exemplo de imagem de chuva de meteoros pop gerada usando media.io

15) Planeta Silencioso

HEX: #0a0d14 #1b2333 #323e55 #596a80 #cfd7e3

Clima: calmo, equilibrado, reflexivo

Melhor para: design de relatório anual

Azuis acinzentados suaves e baixos contrastes transmitem estabilidade, medida e profissionalismo sem frieza. A paleta se adapta a relatórios anuais, estudos de caso e leituras longas onde conforto e hierarquia são importantes. Combine o tom mais claro com o mais escuro para títulos e destaques, mantendo as páginas arejadas. Dica de uso: use #596a80 para gráficos e infográficos, evitando saturação excessiva.

Exemplo de imagem de planeta silencioso gerada usando media.io

16) Editorial Galáctico

HEX: #0c1020 #1c2340 #2f3766 #f0e8dc #c08bff

Clima: editorial, artístico, contemporâneo

Melhor para: layout de reportagem de revista

Azuis intensos com neutro papel suave e destaque violeta evocam uma revista de arte moderna à meia-noite. A paleta apoia tipografia marcante, destaques e ilustrações minimalistas mantendo o calor. Combine o tom papel com azul-marinho profundo para textos, usando violeta para seções e numeração. Dica de uso: mantenha o violeta em até 10% do layout para funcionar como destaque editorial intencional.

Exemplo de imagem de editorial galáctico gerada usando media.io

17) Interface Observatório Escura

HEX: #070b14 #101a2a #1c2f4a #3b5a7a #9fb4c8

Clima: focado, técnico, modo noturno

Melhor para: interface de ferramenta para desenvolvedores

Camadas de azul-marinho focado e acentos de aço frio criam sensação de terminal sintonizado em modo noturno. Esta paleta noturna serve para ferramentas de desenvolvimento, painéis de monitoramento e telas de configuração, onde contraste e calma são essenciais. Combine o tom aço claro com o fundo mais escuro para blocos de código legíveis. Dica de uso: evite usar #3b5a7a em preenchimentos grandes; melhor como estado de hover e destaques de seleção.

Exemplo de imagem de interface observatório escura gerada usando media.io

18) Crepúsculo Safira

HEX: #06102a #0f2559 #1f3f8a #4f6fd6 #dce6ff

Clima: nítido, confiante, luminoso

Melhor para: UI de app fintech

Azuis safira vibrantes se iluminam do crepúsculo ao luar, dando modernidade e confiança. Ideal para UI fintech, fluxos de cadastro e páginas de produto que precisam transmitir confiança e sofisticação. Combine o azul mais pálido com o azul-marinho para formulários e confirmações. Dica de uso: use #4f6fd6 como único destaque forte, mantendo a interface limpa e confiável.

Exemplo de imagem de crepúsculo safira gerada usando media.io

19) Pastéis da Via Láctea

HEX: #14122a #2b2a4d #6d6aa8 #c7c4ef #f7f4ff

Clima: suave, lúdico, leve

Melhor para: ilustração de capa de livro infantil

Lavanda macia e violeta delicado lembram pó de estrela espalhado pelo céu pastel noturno. Os tons mais claros tornam amigável para ilustrações infantis, capas de livros sonhadoras e materiais escolares gentis. Combine o violeta mais escuro com quase branco em títulos para manter a clareza e o aconchego. Dica de uso: use lavanda média como preenchimento principal e o tom mais escuro apenas nos contornos.

Exemplo de imagem de pastéis da via láctea gerada usando media.io

20) Noir do Crepúsculo

HEX: #050509 #14141e #2a2b3a #6a6272 #e6d9c9

Clima: noir, discreto, elegante

Melhor para: menu de restaurante de luxo

Carvão noir com destaque linho quente remete à luz de velas contra pedra escura. A paleta é ideal para menus, cartas de vinhos e branding refinado que depende de tipografia e espaçamento. Combine linho com quase preto para leitura clássica com sensação premium. Dica de uso: use #6a6272 para linhas finas e divisores, mantendo a sutileza do layout.

Exemplo de imagem de noir do crepúsculo gerada usando media.io

Quais Cores Combinam com Noite Estrelada?

Paletas estreladas combinam especialmente bem com metais quentes (ouro, latão, champagne), pois o contraste lembra luz das estrelas em um céu escuro. Mesmo um pequeno detalhe dourado pode tornar tons azul-marinho e índigo mais sofisticados.

Para um visual mais calmo e moderno, combine azuis estrelados com neutros lunares como cinza neblina, branco frio e aço suave. Isso mantém a paleta legível em UI sem perder a atmosfera.

Se desejar um caminho mais artístico ou romântico, inclua tons apagados de malva, lilás ou blush. Essas cores mantêm o clima noturno, suavizando a atmosfera para embalagens, editoriais ou ilustrações.

Como Usar Uma Paleta de Cores de Noite Estrelada em Designs Reais

Comece com uma cor de fundo “espaço” (azul-marinho profundo ou quase preto), depois sobreponha dois tons médios para estrutura—barras laterais, painéis, gradientes e divisores. Assim, evita-se um layout escuro e plano, dando dimensão à interface.

Reserve sua cor mais brilhante para significado: botões principais, ícones-chave ou um destaque por seção. Paletas estreladas ficam melhores quando acentos são raros, como estrelas, e não espalhados por todo lado.

Para impressão, evite contornos totalmente pretos quando possível. Utilizar um azul-cinza escuro da paleta para textos e linhas mantém o design coeso e reduz o contraste áspero.

Crie Visuais de Paletas de Noite Estrelada com IA

Se você já tem códigos HEX, a forma mais rápida de validá-los é vendo a paleta em contexto—em pôsteres, mockups de UI, embalagens ou layouts editoriais. É aí que contraste, legibilidade e “clima” ficam evidentes.

Com o Media.io, é possível gerar visuais temáticos de noite estrelada a partir de prompts de texto e iterar rapidamente—trocar cores de destaque, experimentar proporções ou criar um conjunto completo de imagens para campanhas.

Próximo: Paleta de Cores Terrosas