Paletas de colores volcánicas: 20 ideas con códigos hex y ejemplos de diseño AI

Las paletas de colores volcánicos mezclan charcoales ahumados, rojos de lava y neutros tonificados de ceniza en esquemas que se sienten poderosos, sólidos y modernos.

Ya sea que estés diseñando una interfaz de usuario en modo oscuro, envases audaces o carteles cinematográficos, estas 20 paletas volcánicas listas para usar incluyen códigos HEX y prompts de imágenes de IA que puedes reutilizar rápidamente.

Por qué las paletas volcánicas funcionan tan bien

Las paletas volcánicas se basan en el contraste natural: roca casi negra y ceniza junto a rojos de brasa cálidos, marrones cobrizos y matices arenosos. Ese equilibrio da un efecto dramático a los diseños sin volverlos caóticos.

También son flexibles en diversos medios. Las bases oscuras generan jerarquía instantánea para interfaces y diseños editoriales, mientras que los acentos cálidos ofrecen llamados a la acción contundentes para envases, carteles y gráficos sociales.

Como muchos tonos volcánicos son apagados en vez de neón, fotografían e imprimen bien. Puedes mantener un aspecto premium y texturizado sin perder legibilidad y espacios limpios.

20+ Ideas de paletas de colores volcánicos (con códigos HEX)

1) Crepúsculo de Lava

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

Ambiente: dramático y cinematográfico

Ideal para: cartel de película y arte principal

Dramática y cinematográfica, esta mezcla se siente como lava enfriándose bajo un atardecer ahumado. Usa el casi negro y el granate profundo para tipografía grande y fondos misteriosos, y el naranja de brasa para elementos focales. El tono suave de arena mantiene los tonos de piel y los puntos destacados limpios. Combínala con texturas mates y una sola fuente audaz para máximo impacto.

Ejemplo de imagen de crepúsculo de lava generado con media.io

Media.io

Media.io es un estudio de IA online para crear y editar video, imagen y audio desde tu navegador.

Pruébalo gratis ahora

2) Flor de Basalto

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

Ambiente: sólido y moderno

Ideal para: identidad de marca minimalista

Sólido y moderno, estos tonos evocan roca basáltica, cuero desgastado y luz suave de estudio. Deja que los grises fríos definan columnas y diseños, y agrega beige y arena para calidez y cercanía. Funciona excelente para marcas premium, estudios y estilos de vida discretos. Mantén el contraste reservando el tono más claro para espacios negativos y márgenes.

Ejemplo de imagen de flor de basalto generado con media.io

3) Resplandor Ceniciento

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

Ambiente: elegante y de alto contraste

Ideal para: interfaz modo oscuro

Elegante y de alto contraste, recuerda nubes de ceniza iluminadas por un fuego distante. Usa los dos tonos más oscuros para superficies y navegación, y la crema para textos principales y fondos de tarjetas. Los matices de barro cálido y brasa son ideales para botones, etiquetas y estados activos. Consejo: mantén un solo acento cálido por pantalla para evitar ruido visual.

Ejemplo de imagen de resplandor ceniciento generado con media.io

4) Arcilla del Cráter

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

Ambiente: terroso y artesanal

Ideal para: sitio web de estudio de cerámica

Terroso y artesanal, estos tonos evocan arcilla de horno, delantales desgastados y luz cálida de taller. Construye el sitio con marrón profundo para encabezados y pies, y terracota y siena para llamados a la acción y destacados. El tinte cerámico pálido es ideal para secciones aireadas y cuadrículas de productos. Consejo: añade textura de grano o papel sutil para dar autenticidad a los tonos medios cálidos.

Ejemplo de imagen de arcilla de cráter generado con media.io

5) Piedra Brasa

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

Ambiente: audaz y picante

Ideal para: empaque de salsa picante

Audaz y picante, evoca brasas brillantes, madera carbonizada y un toque vibrante de calor. Estas combinaciones brillan en etiquetas que necesitan impacto inmediato, especialmente con el naranja para tapas, sellos o marcadores de sabor. Equilibra la intensidad reservando el durazno claro como panel de fondo. Consejo: usa barniz puntual solo en el acento cálido para destacar sin saturar el diseño.

Ejemplo de imagen de piedra brasa generado con media.io

6) Niebla de Azufre

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

Ambiente: calmado y mineral

Ideal para: onboarding de app de bienestar

Calmado y mineral, sugiere ventilas humeantes, liquenes suaves y luz matinal difusa. Usa la crema y los tonos de azufre pálido para pantallas de bienvenida y fija la navegación con oliva-carbo oscuro. El amarillo apagado es ideal para estados de progreso y destacados gentiles sin parecer neón. Mantén las ilustraciones simples y de líneas para que los tonos medios sutiles no se pierdan.

Ejemplo de imagen de niebla de azufre generado con media.io

7) Noche de Obsidiana

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

Ambiente: lujoso y nocturno

Ideal para: anuncio de reloj de lujo

Lujoso y nocturno, recuerda obsidiana pulida con destellos de bronce cálido. Deja que negros y grafito dominen la imagen para una apariencia premium, y añade el marrón bronce como acento refinado. El beige suave es ideal para tipografía pequeña, reflejos y gradientes sutiles. Consejo: mantén fondos casi sólidos para conservar la vibra minimalista y de alta gama.

Ejemplo de imagen de noche de obsidiana generado con media.io

8) Arena de Pumita

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

Ambiente: suave y neutro

Ideal para: moodboard de diseño de interiores

Suave y neutro, estos tonos evocan piedra pumita, lino y paredes de yeso bañadas por el sol. Ideales para moodboards tranquilos donde los materiales y texturas son protagonistas. Usa marrón-gris oscuro para títulos y muestras, mientras que el tono más claro aporta amplitud y aire. Consejo: varía la textura (concreto, tela, madera) en vez de añadir más colores.

Ejemplo de imagen de arena de pumita generado con media.io

9) Rosa Magma

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

Ambiente: romántico e intenso

Ideal para: publicación social de marca de belleza

Romántico e intenso, parece pigmento de rosa fundida enfriándose en sombras aterciopeladas. Como paleta volcánica para belleza, funciona mejor con grandes campos de color y siluetas de producto recortadas de cerca. Usa el tono rubor para suavizar títulos y el plum más profundo para contraste y lujo. Consejo: limita los gradientes a dos pasos para que los rojos permanezcan ricos y no se ensucien.

Ejemplo de imagen de rosa de magma generada usando media.io

10) Cobre Ceniza

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

Ambiente: cálido y rústico

Ideal para: empaque de café

Cálidos y rústicos, estos tonos evocan granos tostados, pavas de cobre y azúcar caramelizada. Usa el tono espresso más profundo para bloques llamativos de la marca y los tonos medios cobrizos para patrones o sellos de origen. El tinte crema pálido crea un fondo limpio para notas de cata y áreas de código de barras. Consejo: añade un único elemento en foil cobre para resaltar el brillo cálido sin agregar nuevos colores.

Ejemplo de imagen de cobre ceniza generada usando media.io

11) Salvia Volcánica

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

Ambiente: natural y reparador

Ideal para: folleto de eco resort

Natural y reparador, transmite la sensación de una salvia resistente creciendo en roca oscura. El verde carbón profundo resalta encabezados y pies de fotos, mientras que los tonos de salvia y neblina clara mantienen las páginas ligeras y respirables. Esta combinación funciona bien con fotografía de naturaleza, texturas de madera e iconos simples. Consejo: deja el texto principal en el tono más claro para mejor lectura y usa el salvia medio solo para separadores de sección.

Ejemplo de imagen de salvia volcánica generada usando media.io

12) Cacao Quemado

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

Ambiente: acogedor y premium

Ideal para: diseño de etiqueta de chocolate

Acogedora y premium, esta gama evoca chocolate amargo, cacao en polvo y rellenos cremosos. Usa el tono más oscuro para un marco de etiqueta destacado y medios tonos cacao para patrones ilustrados o mapas de origen. El crema claro aporta un toque gourmet para nombres de sabores y secciones de ingredientes. Consejo: combina con una tipografía serif para un toque clásico y artesanal.

Ejemplo de imagen de cacao quemado generada usando media.io

13) Ocre de Luz de Fuego

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

Ambiente: acogedor y energético

Ideal para: diseño de menú para restaurante

Acogedor y enérgico, evoca el resplandor del fuego en muros de piedra y especia dorada en el aire. Estas combinaciones volcánicas de color son ideales para menús que requieren calidez sin exceso de rojos. Usa el marrón más oscuro para texto y barras de sección, luego reserva el ocre brillante para precios, especiales y destacados. Consejo: mantén el color arena claro como fondo principal para que los naranjas se mantengan nítidos y legibles.

Ejemplo de imagen de ocre de luz de fuego generada usando media.io

14) Cresta de Hierro

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

Ambiente: industrial y refinado

Ideal para: sitio web de portfolio de arquitectura

Industrial y refinado, estos tonos recuerdan vigas de hierro, concreto de pizarra y polvo de piedra cálida. Usa los pares oscuros para navegación y títulos de proyecto, luego apóyate en el beige claro para galerías y generosos espacios en blanco. El marrón piedra apagado aporta calidez a los botones y estados hover sin romper el minimalismo. Consejo: mantén las imágenes ligeramente desaturadas para que la interfaz sea coherente.

Ejemplo de imagen de cresta de hierro generada usando media.io

15) Terracota Ahumada

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

Ambiente: romántico y terroso

Ideal para: set de invitación de boda

Romántica y terrosa, evoca baldosas de terracota calentadas por luz de atardecer. El vino-marrón oscuro proporciona contraste elegante para nombres y fechas, mientras que los tonos suaves de terracota son ideales para flores, marcos y monogramas. El toque de rubor ayuda a mantener el diseño aireado y moderno. Consejo: imprime la terracota media en tinta plana y reserva el tono más oscuro solo para textos clave, mejorando la legibilidad.

Ejemplo de imagen de terracota ahumada generada usando media.io

16) Pizarra Sísmica

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

Ambiente: frío y técnico

Ideal para: interfaz de tablero de análisis

Fría y técnica, recuerda la roca pizarra, piezas de acero y piedra polvorienta. Los tonos oscuros forman una base sólida para dashboards, mientras que el gris claro mantiene tablas y tarjetas limpias. Añade el taupe cálido como realce para métricas clave o alertas cuando quieras énfasis sin colores brillantes. Consejo: usa la pizarra media para líneas de gráfico; así permanecen visibles pero suaves.

Ejemplo de imagen de pizarra sísmica generada usando media.io

17) Bruma de Calor

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

Ambiente: soleado y nebuloso

Ideal para: diseño de cabecera blog de viajes

Soleada y difuminada, esta paleta evoca polvo en el aire y luz cálida sobre roca desértica. Funciona bien para cabeceras y secciones principales donde se busca calidez sin saturación agresiva. Usa el marrón más oscuro para el nombre del sitio y navegación, y los dorados en degradados o bloques sutiles. Consejo: mantén la fotografía cálida y de bajo contraste para que el texto sobrepuesto sea legible.

Ejemplo de imagen de bruma de calor generada usando media.io

18) Crema Caldera

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

Ambiente: suave y elegante

Ideal para: landing page de cuidado de la piel

Suave y elegante, evoca mascarillas de arcilla mineral y espuma cremosa sobre piedra cálida. Utiliza el crema como lienzo principal y luego añade taupe y cacao para navegación, iconos y divisores suaves. El beige medio es ideal para tarjetas de producto y bloques de características que requieren separación sutil. Consejo: mantén los botones en el tono más oscuro para mayor contraste, conservando la serenidad estética.

Ejemplo de imagen de crema caldera generada usando media.io

19) Helecho Humeante

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

Ambiente: fresco y terroso

Ideal para: empaque de té de hierbas

Fresca y terrosa, recuerda frondas de helecho verde junto a roca oscura y vapor. Los tonos de bosque profundo transmiten confianza para productos de bienestar, mientras el neblina claro mantiene las etiquetas limpias y legibles. Usa el verde helecho más brillante para claves de sabor, sellos o patrones pequeños. Consejo: acompaña con ilustraciones botánicas simples para que el verde siga siendo el protagonista.

Ejemplo de imagen de helecho humeante generada usando media.io

20) Humo del Horizonte

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

Ambiente: limpio y profesional

Ideal para: plantilla de presentación

Limpia y profesional, evoca humo distante en el horizonte con luz suave y cálida. Usa el carbón para diapositivas de título y secciones, luego utiliza el beige claro para páginas con mucho contenido. Los grises medios mantienen gráficos y diagramas ordenados sin contraste duro. Consejo: limita a un acento por diapositiva y deja que el espacio en blanco haga la mayor parte del diseño.

Ejemplo de imagen de humo del horizonte generada usando media.io

¿Qué colores combinan bien con el volcán?

Los tonos volcánicos combinan mejor con neutros cálidos (arena, crema, taupe) que mantienen las composiciones ligeras y evitan que las bases oscuras se sientan pesadas. Estos tonos claros también mejoran la legibilidad en composiciones con mucho texto.

Para un contraste más fuerte, añade acentos controlados como naranja brasa, cobre u ocre. Si se usan con moderación, generan puntos focales claros para botones, precios, títulos o sellos de producto.

Si prefieres una dirección más natural, introduce verdes suaves (salvia o helecho). Suavizan el calor de los rojos lava y hacen que las paletas volcánicas funcionen hermoso para marcas ecológicas, de bienestar o viajes.

Cómo usar una paleta de colores volcánicos en diseños reales

Comienza con una “base de roca” (carbón, pizarra, marrón oscuro) para fondos, marcos y navegación; elige luego un “acento calor” (brasa, terracota, cobre) para elementos interactivos y énfasis. Así mantienes cohesivo el tema y evitas sobresaturación.

Reserva el tono más claro (crema, arena, neblina) para espacios negativos, tarjetas y áreas de texto. Las paletas volcánicas transmiten sofisticación cuando hay generosos espacios y los brillos se usan como destellos sobre la piedra.

Para impresión, apuesta por la textura: papel mate, grano sutil y degradados mínimos. Para UI, mantén los acentos cálidos consistentes en todos los estados (por defecto/hover/activo) para un interfaz intencional y nada ruidosa.

Crear visuales de paletas volcánicas con IA

Si ya tienes códigos HEX, puedes generar visuales a juego fácil—afiches, mockups de empaque, publicaciones sociales o pantallas UI—describiendo el layout, el estilo y dónde aparecerá cada color.

Utiliza los prompts de arriba como punto de partida, cambiando el tema (menú, folleto, etiqueta) pero manteniendo el estilo volcánico (base ceniza + acento brasa + luz arena) constante.

Cuando iteres, cambia solo una variable a la vez (tipografía, composición o textura) para comparar resultados y mantener una paleta coherente con la marca.

Siguiente: Paleta de color ámbar