20 mejores paletas de colores góticos con códigos hex y consejos de uso

Las paletas góticas combinan sombras profundas con realces románticos, creando diseños que se sienten cinematográficos, elegantes y un poco misteriosos. Son ideales cuando buscas alto contraste sin energía llamativa o neón.

A continuación verás más de 20 ideas de paletas de colores góticas con códigos HEX, además de consejos prácticos para branding, interfaces, carteles, invitaciones y ediciones de fotografías con ambiente oscuro.

Por Qué las Paletas Góticas Funcionan Tan Bien

Una paleta de colores gótica se basa en la oscuridad intencionada: bases casi negras, tonos joya profundos y realces suavizados. Esta estructura crea jerarquía naturalmente, haciendo que la tipografía y los elementos focales se sientan más dramáticos con menos esfuerzo.

Las paletas góticas también comunican emociones rápidamente—romance, misterio, herencia o poder—dependiendo de si te inclinas por burdeos, violeta, azul pizarra u oro antiguo. Incluso los diseños minimalistas se ven cinematográficos porque las sombras cuentan la historia.

Lo más importante es que las combinaciones de colores góticos funcionan bien en diferentes medios. La misma paleta puede soportar branding de lujo, interfaces en modo oscuro, carteles y filtros fotográficos, mientras controles el contraste y mantengas los acentos medidos.

Más de 20 Ideas de Paletas de Colores Góticas (con Códigos HEX)

1) Terciopelo de Catedral

HEX: #0b0b0f #2a2438 #5a1f2b #a28b6e #e7e1d6

Estado de ánimo: romántico oscuro, regio, iluminado a la luz de las velas

Mejor para: branding de lujo y sistemas de logotipo

Sombras aterciopeladas y luz de velas en una capilla crean un tono regio y romántico con un brillo antiguo suave. Usa el casi negro y el ciruela profundo para superficies principales y añade burdeos para énfasis sin ser estridente. El beige dorado cálido y el blanco hueso hacen que la tipografía se sienta editorial y premium. Para una paleta gótica refinada, mantén los acentos debajo del 10 por ciento y deja que los espacios en blanco hagan su trabajo.

Ejemplo de imagen de terciopelo de catedral generado con media.io

Media.io

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

Pruébalo gratis ahora

2) Rosa Medianoche

HEX: #120a14 #3b1c32 #7a1e3a #c24a6a #f2d7de

Estado de ánimo: romántico, dramático, vintage moderno

Mejor para: anuncios de productos de belleza y publicaciones sociales

Flores nocturnas y pétalos de rosa triturados otorgan a esta mezcla un resplandor dramático e íntimo. Usa la base tinta para anclar el diseño, luego superpone tonos vino y frambuesa para dar profundidad en gradientes y capas. El realce rosado mantiene los tonos de piel favorecedores y evita que el diseño se sienta pesado. Utiliza el rosa más claro con moderación para botones de llamada a la acción y etiquetas de precio.

Ejemplo de imagen de rosa medianoche generado con media.io

3) Hierro y Tinta

HEX: #0f141a #27313a #4b5a6a #9aa6b2 #f0f3f6

Estado de ánimo: industrial, limpio, nocturno

Mejor para: paneles de control y apps con muchos datos

Acero frío, manchas de tinta y reflejos de noches lluviosas crean un ambiente técnico y limpio. El azul pizarra y carbón soportan superficies en modo oscuro, y los azules intermedios mantienen legibles los gráficos. Refuerza el contraste con el matiz bruma pálido para tarjetas, divisores y estados vacíos. Consejo: reserva el color más claro para números clave y totales para guiar la mirada.

Ejemplo de imagen de hierro y tinta generado con media.io

4) Invernadero de Cuervo

HEX: #050806 #0f2a1f #214f3b #6d8f6a #dfe7d6

Estado de ánimo: misterioso, botánico, terroso

Mejor para: envases y etiquetas de boticario

Hojas en sombras y vidrio húmedo aportan un aire botánico y de jardín secreto. Combina el casi negro con verde profundo para paneles principales y utiliza el tono musgo para sellos y bloques secundarios. El matiz herbal pálido es ideal para listas de ingredientes y zonas de códigos de barras. Mantén los verdes mates para evitar un aspecto neón y apuesta por texturas naturales.

Ejemplo de imagen de invernadero de cuervo generado con media.io

5) Amatista Obsidiana

HEX: #0a0710 #241338 #4b1f6f #7c49b9 #e9ddff

Estado de ánimo: arcano, lujoso, cielo nocturno

Mejor para: carteles musicales y portadas de álbumes

Oscuridad de obsidiana y resplandor de amatista recuerdan luces de escenario cortando la niebla. Crea jerarquía con los dos morados más profundos y deja que el violeta y lavanda iluminen los títulos. El lila claro mejora la lectura de texto pequeño sobre fondos oscuros sin llegar a blanco puro. Añade grano sutil y mantén los gradientes suaves para un acabado premium.

Ejemplo de imagen de amatista obsidiana generado con media.io

6) Oro Sepulcral

HEX: #0c0b09 #2b2216 #5c4526 #b08a3c #f2e6c7

Estado de ánimo: antiguo, opulento, a la luz de las velas

Mejor para: embalaje premium y cajas de regalo

Metal envejecido y luz cálida de velas producen una riqueza antigua digna de museo. Usa los marrones oscuros para paneles y sombras, después añade el dorado en bordes, iconos y efectos metálicos. El matiz pergamino mantiene la legibilidad y eleva el diseño. Estas combinaciones góticas brillan al limitar el dorado a líneas finas y marcas pequeñas.

Ejemplo de imagen de oro sepulcral generado con media.io

7) Capilla Tormentosa

HEX: #0d1016 #1e2a3a #334b63 #6f8aa3 #d9e2ec

Estado de ánimo: dramático, frío, cinematográfico

Mejor para: secciones de héroe en sitios web y landing pages

Azules tormenta y sombras de piedra transmiten un aire cinematográfico y enfocado. Usa los tonos más oscuros para encabezados y menú, luego los azules medios para botones, enlaces y gráficos. El azul gris pálido funciona bien como fondo limpio, manteniendo el ambiente sombrío. Consejo: añade un viñeteado sutil detrás de títulos para resaltar el contraste sin bordes duros.

Ejemplo de imagen de capilla tormentosa generado con media.io

8) Candelabro Carmesí

HEX: #140507 #3a0b12 #6b101c #b21c33 #f4c7cf

Estado de ánimo: dramático, teatral, apasionado

Mejor para: volantes para eventos y carteles de discoteca

Rojo carmesí sobre sombra profunda recuerda llamas de velas en un salón de terciopelo. Usa los dos rojos más oscuros para fondo y bloques de texto, dejando el carmesí brillante para encabezados y fechas. El rubor pálido resulta perfecto para textos legales pequeños y áreas de código QR. Mantén el espacio generoso para que la intensidad se perciba intencionada, no sobrecargada.

Ejemplo de imagen de candelabro carmesí generado con media.io

9) Encaje a la Luz de la Luna

HEX: #0e0e12 #3b3b44 #7f7f8a #c8c8d0 #f7f6fa

Estado de ánimo: suave, elegante, nocturno

Mejor para: invitaciones de boda y papelería

La luz de luna sobre encaje se percibe suave y elegante, con un toque gótico sutil. Combina el casi negro con el gris-violeta cálido para la tipografía y los monogramas. Los grises claros te permiten crear patrones delicados y detalles en relieve. Para una combinación de colores gótica moderna, mantén los motivos florales o de encaje sutiles y utiliza el tono más pálido como base del papel.

Ejemplo de imagen de encaje a la luz de la luna generado usando media.io

10) Sangre Antigua

HEX: #0f0b0a #3a1f1a #6b3a2a #a05a3d #e6d3c7

Estado de ánimo: herencia, cálido, sombrío

Mejor para: branding de café y etiquetas vintage

Los tonos siena quemado y cacao oscuro evocan cuero antiguo, papel manchado y luz cálida de lámpara. Usa el marrón más intenso como base, luego superpone los tonos óxido y arcilla para paneles y sellos de etiquetas. El color pergamino claro mejora la legibilidad y evita que la paleta resulte apagada. Consejo: combina con una tipografía con serif y una iconografía mínima para un estilo clásico.

Ejemplo de imagen de sangre antigua generado usando media.io

11) Verde Azulado Envenenado

HEX: #060c0f #0e2a33 #0f5664 #3aa0a8 #cfeff0

Estado de ánimo: enigmático, moderno, alto-contraste

Mejor para: branding UI para start-ups tech y SaaS

Sombras de océano profundo con un resplandor turquesa intenso resultan modernas y ligeramente peligrosas. Usa los tonos más oscuros para navegación y pies de página, luego aplica el turquesa saturado para estados interactivos y enlaces. El aqua pálido funciona como fondo destacado para notificaciones y consejos. Consejo: mantén el turquesa como acento único para asegurar claridad y consistencia.

Ejemplo de imagen de verde azulado envenenado generado usando media.io

12) Orquídea Críptica

HEX: #120711 #3a1733 #6d2b60 #b04a9c #f6d7f0

Estado de ánimo: místico, floral, decadente

Mejor para: maquetaciones editoriales y lookbooks de moda

Los púrpuras orquídea y tonos ciruela ahumados se sienten decadentes, como aire perfumado en un pasillo sombrío. Usa el tono más oscuro para columnas y leyendas, y deja que el magenta orquídea destaque en citas y encabezados de sección. El rosa suave resalta la legibilidad y equilibra imágenes pesadas. Esta paleta gótica funciona mejor con mucho espacio negativo y una retícula contenida.

Ejemplo de imagen de orquídea críptica generado usando media.io

13) Hollín y Zafiro

HEX: #070a10 #0f1d38 #1f3b6f #3f6db3 #d6e5ff

Estado de ánimo: anochecer, nítido, luminoso

Mejor para: portadas de libros y arte de podcast

Azules tiznados y acentos de zafiro brillante evocan el aire nocturno y luces de ciudad distantes. Usa el azul marino más oscuro para el fondo, y construye profundidad con los azules medios para formas y marcos. El tono hielo resalta títulos y números de episodios sin resultar duro. Consejo: añade una textura sutil detrás del texto para evitar bandas en degradados oscuros.

Ejemplo de imagen de hollín y zafiro generado usando media.io

14) Humo de Hamamelis

HEX: #0b0d0c #1f2421 #3e4a45 #7b8a82 #e3e8e5

Estado de ánimo: herbal, apagado, atmosférico

Mejor para: empaques de cosmética y hojas de ingredientes

Verdes ahumados y tonos de ceniza suave transmiten calma, herbal y un toque misterioso. Reserva el tono más oscuro para logotipos y encabezados de ingredientes, luego usa el verde gris medio para paneles secundarios. El velo pálido sirve como fondo limpio con un aire melancólico. Consejo: combina con iconos de línea fina y acabados mate para mantener la discreción.

Ejemplo de imagen de humo de hamamelis generado usando media.io

15) Piedra Gárgola

HEX: #0c0c0d #2a2b2e #50525a #8b8f9a #e8e9ee

Estado de ánimo: arquitectónico, minimalista, severo

Mejor para: sitios portafolio y páginas centradas en tipografía

Piedra tallada y cielos nublados otorgan a esta paleta una calma arquitectónica y precisa. Utiliza negro y carbón para contraste tipográfico fuerte, luego el gris medio para divisores y bordes UI. Los grises claros y fríos son excelentes para fondos de lectura en contenido extenso. Consejo: usa un peso tipográfico audaz y deja que el espaciado agregue el dramatismo.

Ejemplo de imagen de piedra gárgola generado usando media.io

16) Vinilo Cereza Negra

HEX: #120006 #3c0013 #6b0026 #b1003f #ffd1e0

Estado de ánimo: audaz, brillante, vida nocturna

Mejor para: lanzamientos de streetwear y promos de producto

Los tonos cereza negra brillantes evocan el brillo del vinilo y reflejos de neón después de medianoche. Usa los tonos más oscuros para fondos y textos, y deja que el rojo cereza intenso resalte en etiquetas y elementos destacados. El rosa claro suaviza bordes en superposiciones y degradados. Estas combinaciones góticas funcionan mejor con composiciones ajustadas, alto contraste y tipografía grande.

Ejemplo de imagen de vinilo cereza negra generado usando media.io

17) Oliva Terciopelo al Ocaso

HEX: #0b0c07 #23260f #4a4f1e #7b842f #e6e8c7

Estado de ánimo: terroso, apagado, bosque-al-atardecer

Mejor para: tableros de inspiración para interiores y blogs de estilo de vida

El ocaso en un bosque denso se siente acogedor e íntimo, con una calidez olivo suave. Usa el olivo-negro oscuro para títulos y marcos, y luego los verdes oliva medios para muestras, iconos y detalles. El crema-verde claro aporta respiro a zonas de texto y tarjetas. Consejo: combina con texturas de madera y neutros cálidos para un ambiente hogareño y vivido.

Ejemplo de imagen de oliva terciopelo al ocaso generado usando media.io

18) Cobre Arcano

HEX: #0e0906 #2f1a12 #6a3a28 #b06a43 #f2d6c7

Estado de ánimo: cálido, alquímico, artesanal

Mejor para: etiquetas de velas y productos hechos a mano

El cobre incandescente y los tonos de especias oscuras evocan herramientas antiguas, sellos de cera y un taller de alquimista. Usa la base espresso para etiquetas y tipografía, y deja el cobre a los bordes, iconos y acentos pequeños. La crema melocotón pálida mantiene el texto de ingredientes claro y legible. Consejo: prueba un efecto repujado sutil y limita los brillos cobre para realismo.

Ejemplo de imagen de cobre arcano generado usando media.io

19) Duelo Invernal

HEX: #0a0d12 #1b2430 #3c4b5c #8b9ab0 #edf1f6

Estado de ánimo: silencioso, frío, solemne

Mejor para: ajustes fotográficos y galerías web

El aire frío y la luz tenue sobre aguas oscuras crean una atmósfera silenciosa y solemne. Usa los azules más profundos para marcos y navegación, después el pizarra medio para leyendas y líneas UI sutiles. El gris azul pálido sirve como lienzo limpio para imágenes sin competir. Consejo: mantén la saturación baja en las fotos para igualar el tono apagado.

Ejemplo de imagen de duelo invernal generado usando media.io

20) Marfil Reliquia

HEX: #100f0c #2b2a22 #5b5748 #b8b09a #fbf5e9

Estado de ánimo: archivístico, suave, antiguo

Mejor para: tipografía para libros y juegos de papelería

Pergamino antiguo y sombras atenuadas dan a esta mezcla un aire de archivo y biblioteca. Utiliza el tono tinta oscuro para cuerpo y títulos, luego los taupes cálidos para marcos y barras laterales. El marfil cremoso funciona como base tipo papel que sigue sintiéndose antigua. Para un equilibrio gótico, mantén el contraste suave y prioriza la textura sobre la saturación.

Ejemplo de imagen de marfil reliquia generado usando media.io

21) Ciruela Ceniza Noir

HEX: #0b0a0d #221824 #4a2a4f #8a6c92 #f0e8f2

Estado de ánimo: ahumado, íntimo, refinado

Mejor para: landings para cosmética y cabeceras de e-mail

La ciruela ahumada y el lavanda ceniza suave transmiten intimidad, como sombras empolvadas y tela de satén. Usa la base noir para encabezados y pies de página, luego aplica ciruela para botones y efectos de enlace. El malva gris apagado sostiene fondos sutiles para tarjetas y secciones. Consejo: añade un solo efecto brillante y jugoso para un aire de belleza premium sin sobrecargar el diseño.

Ejemplo de imagen de ciruela ceniza noir generado usando media.io

22) Baya con Espinas

HEX: #0f0407 #3a0f1c #6b1e33 #a93a55 #f3c9d3

Estado de ánimo: romántico, afilado, de cuento

Mejor para: promos del día de San Valentín y posters románticos

Bayas con espinas y pétalos oscuros hacen que los rojos sean románticos pero no dulces. Usa la base ennegrecida para el espacio negativo y la profundidad, y construye un degradado desde vino a baya en las áreas focales. El rubor suave es ideal para texto fino y arte lineal delicado. Consejo: combina con detalles botánicos dibujados a mano y mantén el título grande y simple.

Ejemplo de imagen de baya con espinas generado usando media.io

23) Tinta Esmeralda Maldita

HEX: #060907 #0e1f17 #124136 #1f7a63 #d5efe6

Estado de ánimo: misterioso, tono joya, oscuro-fresco

Mejor para: UI para videojuegos y overlays de streamers

La esmeralda joya sobre un fondo casi negro parece un resplandor mágico en una habitación oscura. Usa los dos verdes más profundos para paneles y superposiciones, y permite que la esmeralda brillante señale elementos interactivos y alertas. El matiz menta pálido funciona como un resaltado legible para etiquetas y temporizadores. Consejo: mantén los efectos de resplandor suaves y consistentes para que la interfaz siga siendo clara.

Ejemplo de imagen de tinta esmeralda maldita generada usando media.io

¿Qué Colores Combinan Bien con lo Gótico?

Las paletas góticas combinan mejor con neutros casi negros (carbón, tinta, hollín) más uno o dos colores “protagonistas” saturados como burdeos, amatista, esmeralda o teal profundo. Esto mantiene la vibra dramática pero aún así diseñada e intencional.

Para los resaltados, elige luces suavizadas en vez de blanco puro: pergamino, hueso, rubor, azul niebla o marfil antiguo. Estos tonos mantienen la tipografía legible y la atmósfera sombría que define las combinaciones góticas de color.

Si quieres un contraste moderno, añade un acento controlado (líneas finas o pequeños botones) en azul acero frío, lavanda apagada o dorado antiguo. La clave es la moderación: el estilo gótico funciona cuando las sombras siguen siendo el protagonista.

Cómo Usar una Paleta de Colores Gótica en Diseños Reales

Comienza con una base oscura para fondos y cabeceras, luego asigna un tono medio para superficies (tarjetas, paneles, bloques) y un acento para interacción (enlaces, botones CTA, etiquetas de precio). Esta estructura de “base/superficie/acento” previene que los diseños oscuros se vean planos.

Utiliza tintes claros estratégicamente para la legibilidad: reserva el color más claro para encabezados, números clave o texto principal, y mantén el texto secundario un nivel más oscuro. En impresión, elige blancos cálidos (marfil/pergamino) para una sensación más premium y editorial.

Para fotografía y carteles, las paletas góticas destacan con gradientes suaves, grano sutil y viñetas tenues en lugar de contornos duros. Permite que el contraste venga del valor (claro vs oscuro) en vez de color excesivamente saturado en todo.

Crea Visuales con Paleta Gótica usando IA

Si estás creando un mood board, un mockup de anuncio, un concepto de UI o un póster, generar algunos visuales que coincidan con la paleta te ayuda a validar rápidamente la atmósfera. Verás de inmediato si tu color de acento se siente romántico, ominoso o demasiado brillante.

Con la herramienta de texto a imagen de Media.io, puedes pegar un prompt, especificar la composición y hacer variaciones manteniendo coherente tu paleta gótica. Esto es especialmente útil para exploraciones de branding y conceptos de campaña.

Crea un set de imágenes para la misma paleta (foto de producto, póster, mockup de UI) para asegurar que tus colores se traduzcan bien en diferentes contextos y estilos de iluminación.

Siguiente: Paleta de Colores Coral