Paleta de Cores de Vulcão: 20 Inspirações, Códigos Hex e Exemplos com IA

Paletas de cores vulcânicas misturam tons de carvão enfumaçado, vermelhos de lava e neutros acinzentados em esquemas que transmitem poder, solidez e modernidade.

Seja criando uma interface em modo escuro, embalagens ousadas ou pôsteres cinematográficos, estas 20 paletas vulcânicas prontas vêm com códigos HEX e prompts de imagem por IA para você reutilizar rapidamente.

Por que as paletas vulcânicas funcionam tão bem

As paletas vulcânicas são construídas em contraste natural: rocha quase preta e cinza ao lado de vermelhos quentes de brasa, marrons cobre e realces cor de areia. Esse equilíbrio faz os designs parecerem dramáticos sem se tornarem caóticos.

Elas também são flexíveis em diversos meios. As bases escuras criam hierarquia instantânea para layouts de UI e editoriais, enquanto os acentos quentes servem como chamamento visual forte para embalagens, pôsteres e artes para redes sociais.

Como muitos tons vulcânicos são mais suaves do que neon, fotografam e imprimem bem. Você mantém um visual premium e texturizado sem perder a legibilidade do texto e espaçamento limpo.

20+ ideias de paletas de cores vulcânicas (com códigos HEX)

1) Crepúsculo da Lava

HEX: #1b1b1e #3a2b2f #7b2d26 #d45b3a #f2c6a0

Clima: dramático e cinematográfico

Ideal para: pôster de filme e arte principal

Dramática e cinematográfica, essa mistura parece lava resfriando sob um pôr do sol esfumaçado. Use os tons quase pretos e bordô escuro para tipologias grandes e fundos sombreados, adicionando laranja brasa para elementos de destaque. O tom de areia suave mantém tons de pele e realces naturais. Combine com texturas foscas e uma fonte de título ousada para máximo impacto.

Exemplo de imagem de crepúsculo da lava gerada com 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 agora grátis

2) Florescimento do Basalto

HEX: #2b2d2f #4a4f52 #6b5c4d #a58b6f #d9c7b6

Clima: sólido e moderno

Ideal para: identidade visual minimalista

Sólidos e modernos, esses tons evocam rocha de basalto, couro desgastado e luz de estúdio suave. Os cinzas frios sustentam as grades e layouts, e são aquecidos com bege e areia para amenizar. Esta paleta funciona perfeitamente para artesanato premium, estúdios e marcas de estilo de vida discretas. Mantenha o contraste nítido reservando o tom mais claro para espaços negativos e margens.

Exemplo de imagem de florescimento do basalto gerada com media.io

3) Brilho Acinzentado

HEX: #0f1112 #2f3235 #6e5d52 #c97b4a #f3e2cf

Clima: elegante e de alto contraste

Ideal para: UI em modo escuro

Elegante e de alto contraste, lembra nuvens de cinza iluminadas por linhas de fogo ao longe. Use os dois tons mais escuros para superfícies e navegação, melhorando a legibilidade com o creme em texto primário e fundos de cartões. Os toques de argila e brasa aquecida são ideais para botões, selos e estados ativos. Dica: mantenha os acentos consistentes usando apenas um destaque quente por tela para evitar poluição visual.

Exemplo de imagem de brilho acinzentado gerada com media.io

4) Argila da Cratera

HEX: #2a1f1b #5a3b2e #9a5a3a #c9865c #f0d8c4

Clima: terroso e artesanal

Ideal para: site de estúdio de cerâmica

Terrosas e artesanais, essas cores lembram argila queimada em forno, aventais usados e luz quente de oficina. Construa seu site com marrom escuro para cabeçalhos e rodapés, usando terracota e siena para highlights e chamadas. O tom cerâmico claro é perfeito para seções arejadas e grades de produto. Uma dica é adicionar textura de papel ou grão sutil para que os meios-tons quentes fiquem mais autênticos.

Exemplo de imagem de argila da cratera gerada com media.io

5) Pedra Brasa

HEX: #1a1412 #4a2a1f #8b3a2a #c24f33 #ffb27a

Clima: ousado e picante

Ideal para: embalagem de molho picante

Ousada e picante, evoca brasas incandescentes, madeira queimada e um toque de calor vibrante. Estas combinações brilham em rótulos onde o impacto imediato é necessário, especialmente o laranja nas tampas, selos ou marcadores de sabor. Equilibre a intensidade dando espaço para o tom de pêssego claro como fundo. Dica: use verniz localizado apenas no acento quente para destacar sem sobrecarregar o design.

Exemplo de imagem de pedra brasa gerada com media.io

6) Névoa de Enxofre

HEX: #2a2b26 #5e5c4b #a7a37c #d6cc8a #f2f0dc

Clima: calma e mineral

Ideal para: onboarding para app de bem-estar

Calma e mineral, esta paleta sugere vapores quentes, líquens macios e luz difusa da manhã. Use creme e tons pálidos de enxofre para boas-vindas no onboarding, ancorando a navegação com o oliva-cinza mais profundo. O amarelo suave funciona bem para estados de progresso e realces delicados sem parecer neon. Mantenha ilustrações simples e baseadas em linhas para que os meios-tons não se percam.

Exemplo de imagem de névoa de enxofre gerada com media.io

7) Noite Obsidiana

HEX: #050607 #1a1d1f #2f3438 #6a4a3c #c9a38c

Clima: luxuoso e noturno

Ideal para: anúncio de relógio de luxo

Luxuosa e noturna, transmite o brilho de obsidiana polida e um toque bronze aquecido. Utilize tons pretos e grafite para compor um visual premium, e adicione o marrom bronze como um acento refinado. O bege suave é ideal para pequenos textos, reflexos e gradientes discretos. Dica: mantenha fundos quase sólidos para preservar o estilo elegante e minimalista.

Exemplo de imagem de noite obsidiana gerada com media.io

8) Areia de Pedra-Pomes

HEX: #2e2a26 #6b625c #a79f97 #d6d0c8 #f7f4ef

Clima: suave e neutra

Ideal para: moodboard de design de interiores

Suaves e neutras, estas cores lembram pedra-pomes, linho e paredes de gesso ao sol. São ideais para moodboards tranquilos onde materiais e texturas contam a história. Use o marrom-acinzentado mais escuro para títulos e amostras, enquanto o tom mais claro mantém o layout leve e espaçoso. Uma dica simples: varie a textura (concreto, tecido, madeira) ao invés de adicionar mais cores.

Exemplo de imagem de areia de pedra-pomes gerada com media.io

9) Rosa Magma

HEX: #241317 #4a1f2c #7d2d3f #c75a5a #f1c7ba

Clima: romântica e intensa

Ideal para: post social para marca de beleza

Romântica e intensa, lembra pigmento de rosa derretido esfriando em sombras aveludadas. Como paleta vulcânica para beleza, funciona melhor com grandes áreas de cor e silhuetas de produto recortadas. Use o tom blush para suavizar títulos e reserve o ameixa profundo para contraste e sofisticação. Dica: limite gradientes a dois passos para manter os vermelhos vibrantes e não "lamacentos".

Exemplo de imagem de rosa de magma gerada usando media.io

10) Cinder Copper

HEX: #1e1510 #4b2b1b #7b4a2d #b36b3f #e6c2a1

Clima: quente e rústico

Ideal para: embalagem para café

Quente e rústico, esses tons remetem a grãos torrados, chaleiras de cobre e açúcar caramelizado. Use o tom mais escuro de espresso para blocos de marca impactantes e os médios de cobre para padrões ou selos de origem. O tom claro de creme cria um fundo limpo para notas de degustação e áreas de código de barras. Dica: adicione um elemento em folha de cobre para destacar o brilho quente sem inserir novas cores.

Exemplo de imagem de cinder copper gerada usando media.io

11) Volcanic Sage

HEX: #1f1f1b #3a3f35 #6a6f56 #a9ad7d #e2e4cf

Clima: natural e restaurador

Ideal para: brochura de eco resort

Natural e restaurador, lembra sálvia resistente crescendo entre rochas escuras. O verde carvão profundo destaca títulos e legendas de fotos, enquanto os tons suaves de sálvia e névoa mantêm as páginas leves e arejadas. Essa combinação harmoniza com fotos da natureza, texturas de madeira e ícones simples. Dica: mantenha o texto principal no tom mais claro para legibilidade, usando o sálvia médio só para divisores de seção.

Exemplo de imagem de volcanic sage gerada usando media.io

12) Charred Cocoa

HEX: #120d0b #3a251e #624036 #8d6a5a #dcc7b7

Clima: aconchegante e sofisticado

Ideal para: design de rótulo de chocolate

Aconchegante e sofisticado, esta paleta lembra chocolate amargo, cacau em pó e recheios cremosos. Use o tom mais profundo para molduras de rótulo marcantes e os médios de cacau para padrões ilustrados ou mapas de origem. O creme claro adiciona um toque gourmet a nomes de sabores e ingredientes. Dica: combine com uma fonte serifada no título para destacar uma impressão clássica e artesanal.

Exemplo de imagem de charred cocoa gerada usando media.io

13) Firelight Ochre

HEX: #2b1a0f #6a3a18 #b15a1d #d98b3a #f3d2a0

Clima: convidativo e energético

Ideal para: design de cardápio de restaurante

Convidativo e energético, evoca luz de fogo em paredes de pedra e especiarias douradas no ar. Essas combinações de tons vulcânicos são ideais para cardápios que precisam de calor sem parecerem excessivamente vermelhos. Use o marrom mais escuro para textos e barras de seção, reservando o ocre brilhante para preços, destaques e chamadas. Dica: mantenha o tom areia claro como cor principal do papel para que os laranjas fiquem nítidos e legíveis.

Exemplo de imagem de firelight ochre gerada usando media.io

14) Iron Ridge

HEX: #0f1214 #2c3136 #555d63 #8b6f5a #d4c7bb

Clima: industrial e refinado

Ideal para: site de portfólio de arquitetura

Industrial e refinado, esses tons lembram vigas de ferro, concreto ardósia e poeira de pedra aquecida. Use o par escuro para navegação e títulos de projetos, depois utilize o bege claro em galerias limpas e espaçamentos generosos. O marrom-pedra suavizado aquece botões e estados de hover sem perder o visual minimalista. Dica: mantenha as imagens levemente dessaturadas para que as cores da interface fiquem coesas.

Exemplo de imagem de iron ridge gerada usando media.io

15) Smoked Terracotta

HEX: #2a1714 #5f2a22 #9e4b3a #c96b54 #f0c8b6

Clima: romântico e terroso

Ideal para: convite de casamento

Romântico e terroso, lembra pisos de terracota aquecidos pelo brilho do fim do dia. O vinho-marrom escuro cria contraste elegante para nomes e datas, enquanto os tons mais suaves de terracota servem para flores, bordas e monogramas. O blush deixa o layout arejado e moderno. Dica: imprima o terracota médio como tinta chapada e reserve o tom mais escuro só para textos-chave, mantendo a legibilidade.

Exemplo de imagem de smoked terracotta gerada usando media.io

16) Seismic Slate

HEX: #111417 #283038 #4a5661 #7a6a62 #c7c0bb

Clima: frio e técnico

Ideal para: painel de analytics UI

Frio e técnico, remete à pedra ardósia, painéis de aço e pedra clara. Os tons escuros fazem uma base forte para dashboards, enquanto o cinza claro mantém tabelas e cartões limpos. Adicione o taupe quente como destaque em métricas-chave ou alertas para ênfase sem cores vivas. Dica: use o ardósia médio para linhas dos gráficos — ficam visíveis sem exagero.

Exemplo de imagem de seismic slate gerada usando media.io

17) Heat Haze

HEX: #2b231a #6a5538 #b08a58 #e0c08a #f6eedc

Clima: ensolarado e esfumaçado

Ideal para: header de blog de viagem

Ensolarado e esfumaçado, essa paleta lembra poeira no ar e luz quente na pedra do deserto. Vai bem em headers e seções hero, quando se quer calor sem saturação excessiva. Use o marrom mais escuro para nome do site e navegação, criando camadas com dourados em degradês ou blocos suaves. Dica: mantenha as fotos quentes e com baixo contraste para texto legível sobre elas.

Exemplo de imagem de heat haze gerada usando media.io

18) Caldera Cream

HEX: #2a2420 #61564c #a39486 #d8cec3 #fff7ee

Clima: suave e elegante

Ideal para: landing page de skincare

Suave e elegante, remete a máscaras de argila mineral e espuma cremosa sobre pedra quente. Use o creme como tela principal, trazendo taupe e cacau para navegação, ícones e divisores delicados. O bege médio é ideal para cartões e blocos de produto que precisam sutileza na separação. Dica: mantenha botões no tom mais escuro para contraste, sem perder a calma do layout.

Exemplo de imagem de caldera cream gerada usando media.io

19) Fumarole Fern

HEX: #1a1f19 #344036 #556b4b #8aa16a #e0e7d3

Clima: fresco e natural

Ideal para: embalagem de chá de ervas

Fresco e natural, lembra folhas de samambaia ao lado de rocha escura e vapor. Os tons de floresta profunda transmitem confiança para produtos de bem-estar, enquanto o tom névoa claro mantém rótulos limpos e legíveis. Use o verde samambaia mais vivo para sugerir sabores, selos ou pequenos detalhes de padrão. Dica: combine com arte linear botânica simples para destaque do verde.

Exemplo de imagem de fumarole fern gerada usando media.io

20) Horizon Smoke

HEX: #1b1c1e #3c3f44 #70757b #b6b0a9 #efe8df

Clima: limpo e profissional

Ideal para: template de apresentação

Limpo e profissional, lembra fumaça ao longe no horizonte e luz quente suave. Use carvão para slides de título e separações de seção, usando bege claro em páginas densas de conteúdo. Os cinzas médios mantêm gráficos e diagramas organizados sem contraste duro. Dica: aposte em um destaque por slide e deixe o espaço em branco conduzir o design.

Exemplo de imagem de horizon smoke gerada usando media.io

Quais cores combinam bem com vulcânico?

Tons de vulcão combinam melhor com neutros quentes (areia, creme, taupe) que mantêm as composições leves e evitam que as bases escuras fiquem pesadas. Esses tons claros também melhoram a legibilidade em layouts com muito texto.

Para contraste mais forte, adicione acentos controlados como laranja brasa, cobre ou ocre. Usados com moderação, criam pontos focais claros para botões, preços, títulos ou selos de produto.

Se deseja um visual mais natural, introduza verdes apagados (sálvia ou samambaia). Eles suavizam o calor dos vermelhos lava e fazem as paletas vulcânicas funcionarem bem para marcas de eco, bem-estar e viagem.

Como usar uma paleta de cores vulcânicas em projetos reais

Comece com uma “base de rocha” (carvão, ardósia, marrom profundo) para fundos, molduras e navegação, depois escolha um único “accent de calor” (brasa, terracota, cobre) para elementos interativos e destaque. Assim a temática fica coesa e evita excesso de saturação.

Reserve o tom mais claro (creme, areia, névoa) para espaço negativo, cartões e áreas de texto. Paletas vulcânicas passam sensação premium quando há generosidade no espaçamento e os destaques são usados como luz refletida na pedra.

Para impressão, aposte em textura: papel fosco, granulação sutil e poucos degradês. Para UI, mantenha os acentos quentes consistentes entre estados (padrão/hover/ativo) para uma interface intencional e não barulhenta.

Crie visuais de paletas vulcânicas com IA

Se você já tem os códigos HEX, pode gerar rapidamente visuais combinando — pôsteres, mockups de embalagens, peças para redes ou telas de interface — basta descrever o layout, o estilo e onde cada cor aparece.

Use os prompts acima como ponto de partida, depois troque o assunto (cardápio, brochura, rótulo) mantendo a direção de cor vulcânica (base de cinza + destaque brasa + luz areia) consistente.

Ao iterar, mude uma variável por vez (estilo de tipografia, composição ou textura) para comparar resultados e manter a paleta alinhada à marca.

Próximo: Paleta de Cores Âmbar