Paleta de Cores Ônix: 20 Inspirações com Códigos Hexadecimais

Onyx é um neutro preto-carvão profundo que instantaneamente faz layouts parecerem modernos, sofisticados e intencionais. É um suporte confiável para interfaces, identidade visual e interiores porque controla o contraste sem sobrepor as cores complementares.

Abaixo você encontra 20 ideias de paletas de cores onyx com códigos HEX, além de dicas rápidas do que combinar com onyx e como aplicar esses esquemas em projetos reais.

Por Que Paletas Onyx Funcionam Tão Bem

Onyx funciona porque se comporta como um “neutro inteligente”: mais escuro que o carvão, mais suave que o preto puro e versátil tanto em combinações quentes quanto frias. Cria uma base visual forte deixando espaço para as cores de destaque aparecerem.

No design de interfaces, onyx reduz o brilho em relação ao preto absoluto e facilita a hierarquia — navegação, cartões e camadas de dados podem ser separados com sutis gradações de cinza. Em branding e impressão, comunica confiança e requinte sem a aspereza do preto intenso.

Onyx também combina lindamente com tons metálicos, cremes e verdes suaves, sendo uma escolha forte para estéticas modernas, premium e inspiradas na natureza.

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

1) Onyx Meia-Noite

HEX: #0b0c0f #1a1c22 #2f313a #c7c9cf #f4f5f7

Atmosfera: elegante, moderno, alto contraste

Ideal para: dashboard escuro

Elegante e noturno, como luzes da cidade refletidas em vidro negro. Use para dashboards e telas analíticas onde a hierarquia é importante e o brilho deve ser mínimo. Equilibre os tons mais escuros com cinzas suaves para legibilidade, e reserve quase brancos para números-chave e CTAs. Dica: deixe o texto principal em cinza claro, não em branco puro, para evitar fadiga visual.

Exemplo visual de onyx meia-noite gerado com media.io

Media.io

Media.io é estúdio online com IA para criar e editar vídeos, imagens e áudio direto no seu navegador.

Experimente Grátis Agora

2) Pérola Defumada

HEX: #121316 #2a2c33 #6b6f7a #d7d9de #fbfbfc

Atmosfera: suave, arejado, sofisticado

Ideal para: layout editorial

Fumaça suave e reflexos de pérola criam um ar calmo e elegante. Brilha em layouts de revista, leituras longas e portfolios onde o espaço em branco faz parte da composição. Combine o fundo escuro com cinzas médios e legendas para manter as páginas organizadas. Dica: títulos no tom mais escuro e cinza claro para divisórias, em vez de traços pesados.

Exemplo visual de pérola defumada gerado com media.io

3) Bronze Noir

HEX: #0e0f12 #26221d #6a4b2f #c7a072 #f3eee6

Atmosfera: luxo, quente, dramático

Ideal para: identidade de marca premium

Luxuoso e à luz de velas, com cintilantes bronze sobre base escura. Esta paleta onyx é ideal para logos premium, serviços de alto padrão e branding de hotéis boutique. Combine o bronze com creme para contraste elegante, reservando o tom mais profundo para fundos e selos. Dica: use o bronze como detalhe metálico fino, em vez de blocos grandes, para manter o ar sofisticado.

Exemplo visual de bronze noir gerado com media.io

4) Cinza Floresta

HEX: #0d0f10 #1f2422 #3e5a4c #a9b6ad #f1f3f1

Atmosfera: natural, sereno, conectado à terra

Ideal para: embalagem de produto ecológico

Conectado à terra como uma trilha sombreada de verdes musgo e casca acinzentada. Use em produtos sustentáveis, cosméticos ou embalagens de café onde a natureza importa. Combine o verde floresta com etiquetas off-white para clareza, reservando o quase preto para textos e códigos de barras. Dica: use o verde com moderação, mantendo o visual limpo nas prateleiras.

Exemplo visual de cinza floresta gerado com media.io

5) Sombra de Rosewood

HEX: #0f0e10 #2a1f23 #5a2f3b #c9a3ad #f6eef0

Atmosfera: romântico, profundo, elegante

Ideal para: convite de casamento

Romântico e marcante, como pétalas prensadas em diário escuro. Funciona lindamente em papelaria de casamentos, convites de eventos noturnos e campanhas de beleza. Combine o rosa antigo com o vinho profundo para nomes e títulos, e use o rosa claro como área de respiro. Dica: use o tom mais escuro para os textos, evitando contrastes ruins na impressão.

Exemplo visual de sombra de rosewood gerado com media.io

6) Tinta Ártica

HEX: #0a0c10 #1c2430 #4a6b86 #c9d7e2 #fbfdff

Atmosfera: nítido, frio, tecnológico

Ideal para: landing page de SaaS

Nítido e frio, como tinta sobre vidro gelado. Use em páginas SaaS que buscam um visual técnico e confiante sem apelar para o neon. Combine azul aço com seções quase brancas e reserve o preto mais escuro para navegação e rodapé. Dica: use o azul em apenas uma ação principal e repita só em ícones para manter o foco da página.

Exemplo visual de tinta ártica gerado com media.io

7) Ardósia Lavanda

HEX: #0e0f14 #242334 #5b5472 #c6c2d6 #f7f6fb

Atmosfera: etéreo, silencioso, contemporâneo

Ideal para: design de capa de livro

Suave e tranquilo, como o anoitecer sobre telhados de ardósia. Ideal para capas de ficção contemporânea e poesia, onde o clima fala mais que a informação. Combine o lavanda médio com o tom mais escuro para títulos ousados e suavize com lilás claro no fundo. Dica: adicione textura com grão sutil para que os roxos pareçam impressos, não plásticos.

Exemplo visual de ardósia lavanda gerado com media.io

8) Carbono Arenito

HEX: #101010 #2a2622 #7a6b5b #d7cbbd #fbf6ef

Atmosfera: terroso, quente, atemporal

Ideal para: moodboard de decoração de interiores

Orgânico e atemporal, como esboços em carvão sobre papel arenito. Use em moodboards de interiores, marcas de artigos para o lar e páginas de produtos artesanais. Combine bege quente com preto para contraste e deixe o taupe fazer a ponte em tecidos e fundos. Dica: use o bege como espaço negativo para que tons escuros pareçam intencionais, não pesados.

Exemplo visual de carbono arenito gerado com media.io

9) Fuligem Esmeralda

HEX: #0b0d0f #1b2a25 #0f6a4f #9bc7b7 #f3faf7

Atmosfera: fresco, sofisticado, confiante

Ideal para: cardápio de bar de coquetéis

Fresco e elegante, como vidro de esmeralda em lounge escuro. O toque de verde dá personalidade a menus, placas e marcas noturnas sem perder a legibilidade. Para as melhores combinações de onyx aqui, mantenha fundos escuros, textos em menta clara e use esmeralda só para títulos e ícones. Dica: escolha uma fonte de destaque para títulos e deixe a paleta brilhar.

Exemplo de imagem de fuligem esmeralda gerada usando media.io

10) Brasa de Cobre

HEX: #0f0d0c #2a1e19 #8a4b2a #d7a67b #f6efe7

Atmosfera: aconchegante, marcante, artesanal

Ideal para: pôster de anúncio de produto

Aconchegante e marcante, como brasas brilhando em uma lareira escura. Funciona para anúncios de alimentos artesanais, lançamentos de café e promoções de outono onde o calor vende. Combine cobre com creme para títulos legíveis e use o tom mais escuro para enquadrar imagens ou bordas. Dica: limite degradês de cobre e prefira blocos sólidos para um visual moderno e premium.

Exemplo de imagem da brasa de cobre gerada usando media.io

11) Grafite Oceânico

HEX: #0b0d10 #1a2330 #2d4f6a #9fb5c6 #f2f6fa

Atmosfera: calmo, profissional, confiável

Ideal para: relatório anual

Calmo e profissional, como um oceano profundo sob céus nublados. Use para relatórios anuais, apresentações de investidores e comunicações corporativas que exigem autoridade sem rigidez. Combine grafite com azul frio para gráficos, reservando o tom mais claro para tabelas e margens. Dica: reserve o tom mais escuro apenas para títulos, assim páginas densas não ficam pesadas.

Exemplo de imagem de grafite oceânico gerada usando media.io

12) Verde Oliva Escuro

HEX: #0c0d0c #1f2219 #4a5a2a #b9c1a3 #f4f6ef

Atmosfera: resistente, aventureiro, discreto

Ideal para: branding de equipamentos outdoor

Resistente e discreto, como lona gasta e jaquetas de campo. Ideal para marcas outdoor, newsletters de aventura e etiquetas utilitárias onde a praticidade é essencial. Combine o oliva com sálvia clara para patches e tags, e utilize o quase preto para marcas fortes. Dica: mantenha alto contraste em etiquetas pequenas colocando o texto sobre o tom de fundo mais claro.

Exemplo de imagem de verde oliva escuro gerada usando media.io

13) Granito Rosado

HEX: #0e0f12 #2a2a2e #7b6f75 #e1cfd6 #fbf6f8

Atmosfera: suave, minimalista, estiloso

Ideal para: UI de e-commerce de beleza

Suave e estiloso, como pó de blush sobre granito. Use para lojas de beleza, UI de skincare e páginas de listagem de produtos que precisam de contraste delicado. Combine cinzas de granito com detalhes de blush em selos e avaliações, mantendo botões no tom mais escuro para clareza. Dica: escolha um só tom de blush para todos destaques para manter a interface consistente.

Exemplo de imagem de granito rosado gerada usando media.io

14) Carvão Dourado

HEX: #0d0e10 #242424 #6a5a2a #d6c27a #fbf7e8

Atmosfera: clássico, sofisticado, festivo

Ideal para: flyer de evento

Clássico e festivo, como luzes quentes em um palco escuro. Funciona para flyers de gala, gráficos de premiação e anúncios de marcos importantes. Combine dourado com carvão para tipos marcantes, e deixe o creme claro como base amigável para impressão. Dica: use dourado para linhas, bullets e ícones pequenos para evitar enchimento grande e "sujo".

Exemplo de imagem de carvão dourado gerada usando media.io

15) Tinta e Marfim

HEX: #07080a #1a1c1f #4a4f57 #e7e2d8 #fffaf0

Atmosfera: limpa, atemporal, editorial

Ideal para: site de portfólio

Limpo e atemporal, como desenhos a tinta sobre papel marfim. Como esquema de onyx, é perfeito para portfólios que precisam destacar o trabalho sem cor chamativa. Combine fundo marfim com texto carvão e o cinza médio para estados sutis da UI, como botões desabilitados. Dica: adicione um tratamento de destaque consistente, como sublinhados, ao invés de incluir cores extras.

Exemplo de imagem de tinta e marfim gerada usando media.io

16) Obsidiana Mocha

HEX: #0d0c0b #231d19 #5a3f34 #c8b3a6 #f6f0eb

Atmosfera: acolhedor, quente, premium

Ideal para: embalagem para cafeteria

Quente e acolhedor, como creme de espresso sob obsidiana escura. Use para sacos de café, rótulos de torrefação e cartões de fidelidade com viés sofisticado. Combine marrons mocha com creme claro para blocos de ingredientes, reservando o tom mais profundo para logos e níveis de torra. Dica: utilize o mocha médio para texto secundário, deixando o design com camadas.

Exemplo de imagem de obsidiana mocha gerada usando media.io

17) Noite de Aço

HEX: #0b0c0f #1a2029 #3a4a5c #aab7c5 #f4f7fb

Atmosfera: industrial, focado, preciso

Ideal para: tema de visualização de dados

Industrial e focado, como vigas de aço sob o céu noturno. Excelente para visuais de dados onde linhas, rótulos e destaques precisam ser lidos rapidamente. Combine aço profundo com cinza-azulado claro para grades, e preserve o quase branco para cartões de fundo. Dica: use uma cor de destaque só para série de maior prioridade e mute o restante para tom médio de aço.

Exemplo de imagem de noite de aço gerada usando media.io

18) Sálvia e Fuligem

HEX: #0d0f0e #202622 #6f8a7b #ccd8d1 #f6fbf8

Atmosfera: fresco, suave, restaurador

Ideal para: folheto de spa

Fresco e restaurador, como vapor subindo em um jardim de ervas silencioso. Use em folhetos de spa, páginas de bem-estar e guias de produtos calmos. Combine verdes sálvia com branco sujo para deixar o layout respirável, e utilize o fuligem para títulos e destaques. Dica: mantenha as fotos em tons quentes-neutros para os verdes não ficarem azulados na tela.

Exemplo de imagem de sálvia e fuligem gerada usando media.io

19) Cinzas de Ameixa

HEX: #0d0c10 #251a2a #5a2d63 #c9a7cf #f7f0fa

Atmosfera: marcante, artístico, misterioso

Ideal para: pôster musical

Marcante e misterioso, como névoa roxa de palco sobre amplificadores escuros. Esta paleta onyx traz drama para pôsteres de música, noites de clube e promos de álbuns. Combine ameixa com lilás claro para boa leitura, usando quase preto para áreas e bordas. Dica: destaque a ameixa em uma grande forma só e mantenha o resto minimalista.

Exemplo de imagem de cinzas de ameixa gerada usando media.io

20) Crepúsculo Terracota

HEX: #100d0c #2a1f1b #8a4a3c #d9b0a7 #fbf1ee

Atmosfera: quente, rústico, moderno

Ideal para: menu de restaurante

Quente e rústico, como azulejos de terracota esfriando ao anoitecer. Ideal para menus de restaurante, branding de padarias e especiais sazonais com pegada moderna. Combine terracota com blush claro para fundos de seções, preservando o quase preto para nomes e preços dos itens. Dica: use separadores sutis no tom blush suave ao invés de linhas pesadas para um layout refinado.

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

Quais Cores Combinam Bem com Onyx?

Onyx combina bem com brancos sujos suaves e cinzas frios para contraste limpo e legibilidade elevada — perfeito para layouts editoriais e de interface. Se quiser sensação mais quente, troque por cremes, areia e taupe para deixar o onyx menos “tech” e mais “caseiro”.

Para destaques, verdes apagados (sálvia, oliva, floresta) parecem naturais e modernos com onyx, enquanto azuis dessaturados (aço, oceano) transmitem profissionalismo e confiabilidade. Para um toque premium, tons metalizados como bronze, cobre e dourado trazem calor e “luxo” sem precisar de saturação intensa.

Para criações ousadas, ameixa profunda ou blush suave podem suavizar o onyx e adicionar emoção — só mantenha o tom mais claro da paleta para dar respiro.

Como Usar uma Paleta Onyx em Projetos Reais

Comece definindo funções: use onyx para fundos principais, navegação ou títulos; escolha um tom médio (carvão/aço) para superfícies e estados secundários de UI; reserve branco quase puro ou creme para blocos de conteúdo legíveis. Isso evita que o design vire apenas uma massa escura.

Limite os destaques a uma cor principal (tipo esmeralda, bronze ou azul aço) e repita-a consistentemente em botões, ícones e dados chave. Ao imprimir, evite branco puro sobre grandes áreas onyx; tons claros ligeiramente suavizados ficam melhor e reduzem o impacto visual.

Em interiores, trate o onyx como material fundamental — combine com neutros quentes (areia, creme) para aconchego ou com cinzas claros para um estilo galeria moderno. Adicione textura (papel, grão, acabamentos foscos) para a paleta escura não ficar estéril.

Crie Visuais de Paleta Onyx com IA

Se quiser visualizar como uma paleta onyx funciona numa composição real — como dashboard, pôster, menu ou embalagem — gere visuais rápidos de mockup primeiro. É uma forma eficiente de testar contraste, hierarquia e equilíbrio antes da produção final.

Com o Media.io, você transforma um simples prompt em visuais de paleta profissionais rapidamente: troque a cor de destaque, ajuste o clima (luxo x rústico), ou altere o formato (flyer x landing page) em poucos minutos.

Próximo: Paleta de Cores Neve