Paletas de colores Topacio: 20 combinaciones y códigos Hex #0ea5b7

El topacio se encuentra justo en el punto ideal entre el azul y el verde, brindando esa energía limpia del océano sin resultar frío. Es moderno, flexible y fácil de combinar tanto con acentos cálidos como bases neutras.

A continuación verás ideas seleccionadas de paletas de color topacio (con códigos HEX) que puedes usar para branding, interfaces, carteles, empaques e impresión—además de indicaciones de IA para generar imágenes a juego rápidamente.

Por qué las paletas Topacio funcionan tan bien

Los tonos topacio combinan la confianza tranquila del azul con la frescura del verde, haciéndolos sentir fiables y energizantes a la vez. Ese equilibrio es la razón por la cual el topacio funciona en distintas industrias—desde bienestar y viajes hasta SaaS y diseño editorial.

Además, se adaptan maravillosamente: los aguamarinas pálidos aportan espacio aireado, los verdes azulados intermedios sostienen la identidad de la marca y los marinos profundos ofrecen contraste para una lectura clara. Con un acento cálido (oro, terracota, durazno), el topacio se vuelve inmediatamente más sofisticado y humano.

Pero, lo más importante, es que el topacio es “amigable con los degradados”. Si necesitas profundidad moderna (encabezados de interfaz, secciones principales, carteles), las transiciones en topacio lucen naturales y limpias en lugar de turbias.

Más de 20 ideas de paletas de color Topacio (con códigos HEX)

1) Deriva Costera de Topacio

HEX: #0ea5b7 #66d9e8 #f2f7f7 #f2c14e #083d77

Ambiente: fresco, optimista, costero

Ideal para: diseño de cartel de viajes

La energía marinera fresca se expresa como el sol sobre agua cristalina y un horizonte azul marino profundo. El topacio brillante y el aguamarina aireado transmiten limpieza, mientras que el acento dorado aporta un resplandor cálido tipo postal. Úsala en carteles de viaje, campañas turísticas o anuncios veraniegos con mucho espacio blanco. Combina el azul marino con el dorado cálido para títulos y reserva el aguamarina para degradados. Consejo: usa el dorado con moderación como punto focal para que la paleta siga siendo fresca pero no saturada.

Ejemplo de imagen de deriva costera de topacio generada con media.io

Media.io

Media.io es un estudio online de IA para crear y editar videos, imágenes y audio directamente en tu navegador.

Pruébalo ahora gratis

2) Gema Bañada por el Sol

HEX: #12b3c7 #3fd1c9 #ffd166 #fff1c1 #1b2a41

Ambiente: brillante, pulida, premium

Ideal para: empaque para productos de cuidado de la piel

Brillante y pulida como la luz en una gema tallada, estos tonos resultan limpios pero indulgentes. La crema suave y el amarillo cálido hacen que el teal luzca más lujoso que deportivo. Esta paleta topacio funciona especialmente bien en empaques para cuidado de la piel, kits de bienestar y etiquetas minimalistas. Combina el azul tinta profundo con crema para listas de ingredientes legibles y usa el amarillo en sellos o llamadas pequeñas. Consejo: selecciona cremas mate como base y reserva el teal para el logotipo para mantenerlo premium.

Ejemplo de imagen de gema bañada por el sol generada con media.io

3) Topacio de Mar Profundo

HEX: #0b7285 #087f5b #0a2342 #1d4e89 #d9f2f2

Ambiente: misterioso, inmersivo, cinematográfico

Ideal para: pantalla inicial de videojuego

Misteriosa e inmersiva, evoca una inmersión profunda donde la luz teal se desvanece en azules medianoche. El matiz de vidrio marino evita que los tonos oscuros resulten pesados, manteniendo la legibilidad en pantalla. Úsala en splash screens de juegos, promos sci-fi o encabezados cinematográficos donde el contraste importe. Combina el azul marino con el aguamarina claro para overlays y reserva el verde-teal como color de acción. Consejo: añade un grano sutil o viñeta para que el aguamarina luzca como un brillo y no blanco plano.

Ejemplo de imagen de topacio de mar profundo generada con media.io

4) Oasis del Desierto

HEX: #18a999 #7bdff2 #f4e1c1 #d4a373 #2f3e46

Ambiente: relajado, cálido por el sol, acogedor

Ideal para: concepto de interior de lobby de resort

Relajado y cálido por el sol, se siente como agua fresca de piscina sobre piedra arenosa. Los tonos crema y marrón arcilla anclan el aguamarina, dándole un aire más de resort que tecnológico. Úsala en interiores de hoteles, branding de resorts o lookbooks de estilo de vida que requieran calidez calmada. Usa el gris oscuro como neutral de marco y deja que el topacio destaque en textiles o muros de acento. Consejo: repite el tono arena en grandes áreas para que el aguamarina luzca como el acento oasis.

Ejemplo de imagen de oasis del desierto generada con media.io

5) Cianotipo Vintage

HEX: #1c7c9c #0f4c5c #f6f1e1 #c7b7a3 #2d2a32

Ambiente: nostálgico, artístico, editorial

Ideal para: maquetación de reportaje de revista

Nostálgica y artística, evoca impresiones cianotipo, papel antiguo y leyendas entintadas. El teal apagado transmite sofisticación, mientras los neutros cálidos dan un acabado táctil de imprenta. Úsala en reportajes de revistas, portadas de libros o portfolios que requieran calma con personalidad. El tono de tinta más oscuro sirve para texto y el papel crema como campo principal. Consejo: usa reglas finas e iconos pequeños en teal apagado para reforzar la vibra vintage.

Ejemplo de imagen de cianotipo vintage generada con media.io

6) Topacio y Terracota

HEX: #0fa3b1 #b5e2fa #f9f7f3 #f4a261 #9b2226

Ambiente: vibrante, artesanal, bohemio moderno

Ideal para: folleto de menú de restaurante

Vibrante y artesanal, recuerda la cerámica vidriada y los mercados soleados. Los teal fríos evitan que la terracota sea pesada, creando combinaciones topacio vivas pero sin ser estridentes. Úsala en menús de restaurante, folletos de café o branding de alimentos artesanales donde la calidez importa. Usa el marrón rojizo profundo para encabezados y el aguamarina claro para el espacio negativo alrededor de las fotos. Consejo: emplea la terracota en etiquetas de precio o distintivos para mantener el menú legible de un vistazo.

Ejemplo de imagen de topacio y terracota generada con media.io

7) Vidrio Ártico

HEX: #2ec4b6 #a7f3f0 #e0fbfc #cbd5e1 #111827

Ambiente: nítido, minimalista, refrescante

Ideal para: pantallas de onboarding para fintech

Nítido y minimalista, evoca vidrio esmerilado y aire limpio de invierno. Los tonos de aguamarina casi blancos aportan amplitud, mientras que el azul pizarra oscuro provee estructura. Úsala para onboarding fintech, apps de productividad o cualquier interfaz donde se requieren confianza y claridad. Combina el tono más oscuro para texto principal y usa el teal en botones clave o estados de progreso. Consejo: prioriza formas grandes y simples para que los matices suaves no se pierdan en móvil.

Ejemplo de imagen de vidrio ártico generada con media.io

8) Laguna Tropical

HEX: #00b4d8 #48cae4 #90e0ef #ffd6a5 #006d77

Ambiente: juguetón, veraniego, energético

Ideal para: cartel de festival de verano

Juguetona y veraniega, transmite la sensación de una laguna al mediodía con arena tibia cerca. El acento melocotón evita que los azules fríos resulten estériles, aportando un brillo social y amigable. Úsala en carteles de festivales de verano, eventos playeros o campañas alegres en redes. El teal oscuro sirve para la tipografía y los azules claros estructuran grandes formas y degradados. Consejo: limita el melocotón a uno o dos elementos como las fechas para generar jerarquía instantánea.

Ejemplo de imagen de laguna tropical generada con media.io

9) Topacio Minimal UI

HEX: #0e9db4 #1f2937 #e5e7eb #f9fafb #f59e0b

Ambiente: limpio, moderno, orientado al producto

Ideal para: kit UI para dashboard

Limpio y orientado al producto, sugiere datos claros, superficies pulidas y concentración tranquila. El teal fresco y los grises suaves hacen el trabajo pesado, mientras que el ámbar aporta un punto de atención seguro. Esta paleta topacio es ideal para dashboards, landing pages SaaS y kits de UI donde el contraste accesible es clave. Combina el carbón con el blanco hueso para estructura y usa ámbar sólo en alertas o métricas clave. Consejo: usa teal como color de acción principal y reserva el ámbar sólo para un estado prioritario para evitar competencia visual.

Ejemplo de imagen de una interfaz minimalista topacio generada con media.io

10) Primavera Botánica Topacio

HEX: #14b8a6 #99f6e4 #ecfccb #fef3c7 #065f46

Ambiente:fresco, suave, orientado a la naturaleza

Ideal para:invitación botánica en acuarela

Fresco y suave, recuerda a hojas nuevas, agua de menta fría y la suave luz de la mañana. Los verdes pálidos y cremas mantienen el azul verdoso topacio con una sensación orgánica en vez de corporativa. Úsalo para invitaciones primaverales, papelería ecológica o gráficos de eventos de jardín. Combina el verde profundo para nombres y encabezados, y deja que el lavado de menta clara llene el fondo. Consejo: agrega textura acuarelada a los tonos claros para que la paleta se vea naturalmente estratificada, no plana.

Ejemplo de imagen de primavera botánica topacio generada con media.io

11) Acuario a Medianoche

HEX: #0b3c5d #1d7a8c #0ea5b7 #9be7ff #0a0f1c

Ambiente:dramático, pulido, iluminado de noche

Ideal para:arte de portada de álbum

Dramático y estilizado, parece un acuario nocturno con luz neón moviéndose sobre el vidrio. La base casi negra hace que los tonos topacio brillen, perfecto para diseños de alto contraste. Úsalo en portadas de álbum, superposiciones de streaming o arte para eventos donde quieras una sensación nocturna moderna. Combina el agua pálida como acento y reserva el azul verdoso más brillante para títulos o un solo ícono. Consejo: añade un degradado sutil de azul marino a negro para potenciar la profundidad subacuática.

Ejemplo de imagen de acuario a medianoche generado con media.io

12) Piscina Retro

HEX: #22c1c3 #00a6fb #f7b267 #fdfcdc #2f2d2e

Ambiente:alegre, nostálgico, pop

Ideal para:anuncio retro para redes sociales

Alegre y nostálgico, recuerda los azulejos de la piscina, bocadillos de verano y letreros vintage. El naranja cálido equilibra los azules fríos, logrando que todo el conjunto sea divertido y amistoso. Usa esta combinación de color topacio para anuncios retro, promociones de estilo de vida o ofertas en cafeterías que necesitan energía al instante. Combina el carbón para texto impactante y usa la crema como lienzo principal para mayor legibilidad. Consejo: aprovecha formas gruesas e íconos simples para reforzar el ritmo retro de los colores.

Ejemplo de imagen de piscina retro generado con media.io

13) Puerto Tormentoso

HEX: #2a9d8f #264653 #1d3557 #a8dadc #f1faee

Ambiente:calma, robusto, de exteriores

Ideal para:hero para sitio web de marca de exteriores

Calmo y robusto, se siente como un puerto justo antes de que escampe. Los tonos fríos y suaves transmiten confianza y una vibra de aire libre sin llegar a ser aburridos. Úsalo para marcas de exteriores, mensajes de sostenibilidad o grandes títulos web donde busques transmitir seguridad constante. Usa los azules profundos para navegación y encabezados, luego el menta suave como fondo respirable. Consejo: agrega una llamada a la acción en azul verdoso alto contraste para destacarla sobre la base tormentosa.

Ejemplo de imagen de puerto tormentoso generado con media.io

14) Topacio Champán

HEX: #17a2b8 #8ecae6 #fff6e0 #e9c46a #6c584c

Ambiente:elegante, festivo, lujo suave

Ideal para:anuncio de producto de joyería

Elegante y festivo, evoca burbujas de champán, metal pulido y el brillo frío de una gema. La base cremosa da refinamiento a todo, mientras que el dorado aporta lujo inmediato. Úsalo para anuncios de joyería, lanzamientos de belleza o páginas de regalos premium. Combina el marrón cacao para textos y utiliza los tonos topacio como fondos o reflejos alrededor del producto. Consejo: mantén los degradados sutiles para que el dorado luzca metálico y no amarillo plano.

Ejemplo de imagen de topacio champán generado con media.io

15) Acento Arrecife Coral

HEX: #00bcd4 #2dd4bf #ff6b6b #ffe66d #22333b

Ambiente:audaz, soleado, contraste divertido

Ideal para:empaque de snack infantil

Audaz y soleado, recuerda el coral, la espuma marina y la luz tropical brillante. El coral cálido y el amarillo crean combinaciones topacio al instante amigables para el anaquel y divertidas. Úsalo en empaque de snacks infantiles, lanzamientos de productos veraniegos o refrescos de marca juguetones. Combina el gris pizarra oscuro para contornos y texto nutricional para que los colores brillantes se mantengan limpios y legibles. Consejo: elige o bien coral o amarillo como acento principal en el frente, dejando el otro para íconos y estallidos de color.

Ejemplo de imagen de acento arrecife coral generado con media.io

16) Mezcla de Cuarzo Ahumado

HEX: #2fb7c6 #8d99ae #edf2f4 #6c757d #212529

Ambiente:profesional, calmado, discreto

Ideal para:plantilla de diapositivas corporativas

Profesional y discreto, recuerda al vidrio frío sobre grafito y papel. Los grises dan estructura para que el azul verdoso se perciba seguro y no llamativo. Úsalo para presentaciones corporativas, reportes anuales o hojas de consultoría. Combina el tono más oscuro para títulos y el gris claro como base estable para gráficos. Consejo: utiliza el azul verdoso solo para puntos clave de datos y así tus visuales se mantendrán claros para grandes auditorios.

Ejemplo de imagen de mezcla de cuarzo ahumado generado con media.io

17) Topacio de Neón

HEX: #00e5ff #00b3ff #111827 #f8fafc #ffdd00

Ambiente:eléctrico, nocturno, alto contraste

Ideal para:póster de evento de discoteca

Eléctrico y listo para la noche, evoca tubos de neón contra un muro oscuro de ciudad. El cian y azul brillantes transmiten energía, mientras el amarillo da un toque extra de vitalidad. Úsalo para carteles de club, promocionales de DJ o miniaturas de streaming donde necesitas atención inmediata. Usa casi negro con blanco para la tipografía limpia, y deja que los tonos neón lleven formas y trazos. Consejo: aplica brillo sutil solo sobre elementos clave para que el diseño siga legible a distancia.

Ejemplo de imagen de topacio de neón generado con media.io

18) Spa Escandinavo

HEX: #1fb6a6 #c7f9cc #f1f5f9 #94a3b8 #334155

Ambiente:tranquilo, aireado, restaurativo

Ideal para:portada folleto de spa

Tranquilo y restaurador, evoca vapor, piedra clara y enjuague herbal frío. Los verdes suaves matizan el azul verdoso, manteniendo la mezcla calmada y ligera. Úsalo para folletos de spa, estudios de yoga o boletines de autocuidado. Combina los tonos pizarra para tipografía y aprovecha el fondo pálido para dejar fotografías o ilustraciones cómodas. Consejo: mantén márgenes generosos y líneas finas para que la paleta siga premium y ligera.

Ejemplo de imagen de spa escandinavo generado con media.io

19) Tinta Editorial y Topacio

HEX: #0f172a #0ea5b7 #e2e8f0 #cbd5e1 #a16207

Ambiente:inteligente, moderno, limpio de redacción

Ideal para:maquetación editorial estilo periódico

Inteligente y limpio tipo redacción, sugiere tinta, columnas claras y un rotulador moderno de resalte. El azul marino oscuro da base a la página, mientras el acento topacio parece moderno y preciso. Úsalo para maquetaciones editoriales extensas, reportes o estudios de caso de portafolio. Combina marrón cálido secundario para citas o marcadores de sección y así evitar una sensación fría solo tecnológica. Consejo: reserva el topacio para cues de navegación y llamadas de datos para que la lectura siga tranquila.

Ejemplo de imagen de tinta editorial y topacio generado con media.io

20) Espuma de Mar para Bodas

HEX: #2ec4b6 #bff3ef #fff7ed #f4d06f #6d6875

Ambiente:romántico, luminoso, elegante costero

Ideal para:conjunto de invitación de boda

Romántico y luminoso, recuerda la espuma de mar, lino suave y el destello cálido de la puesta de sol. La base crema mantiene el azul verdoso delicado, mientras el violeta apagado da un giro moderno y sutil. Úsalo para invitaciones de boda, save the date o eventos costeros con tono refinado. Combina gris violeta para nombres y detalles pequeños, y deja que el dorado sea un acento minimalista tipo foil. Consejo: imprime el azul verdoso ligeramente más claro que en pantalla para mantener una sensación elegante y aireada.

Ejemplo de imagen de espuma de mar para bodas generado con media.io

¿Qué colores combinan bien con el topacio?

El topacio combina de forma natural con blancos nítidos, grises fríos y azul marinos profundos: estos ofrecen contraste limpio para UI, presentaciones y sistemas de marca. Si buscas una vibra más costera, mezcla topacio con aqua pálida y tonos espuma de mar.

Para calidez, añade oro, ámbar, terracota, melocotón o crema cálida. Estos acentos complementarios evitan que el topacio se sienta demasiado "tecnológico" y lo hacen más premium y humano para diseño de empaque, hospitalidad y estilo de vida.

Para un look más audaz, combina casi negro o carbón más un acento brillante (cian neón o amarillo limón). Así la paleta se mantiene de alto contraste y legibilidad, sin dejar de permitir que el topacio brille.

Cómo usar una paleta de color Topacio en diseños reales

Comienza por definir el sistema de roles: usa aqua claros de fondo, topacio medio para acciones primarias UI/marca y azul marino/carbón para texto y estructura. Así los diseños se sienten intencionados y se mejora la legibilidad en pantallas.

En impresión, el topacio luce mejor cuando controlas la saturación: mantén áreas grandes ligeramente suaves y reserva el azul verdoso más vivo para logos, títulos o pequeños detalles gráficos. Los acentos cálidos (oro/terracota) funcionan mejor como toques, no en rellenos de página completa.

Si usas degradados, mantén el cambio de matiz ajustado (aqua → topacio → azul verdoso profundo) para evitar que se enturbie. Agrega textura o grano sutil en paletas oscuras cinematográficas para resaltar los brillos y evitar que sean planos.

Crea visuales de Paleta Topacio con IA

Si ya tienes códigos HEX, puedes convertirlos en carteles coherentes, mockups de empaque, pantallas UI y arte de portada pidiendo a un generador de imágenes AI con dirección clara de color. El flujo más rápido es: selecciona paleta, elige tipo de diseño, e itera la composición manteniendo estables los colores.

Media.io Text-to-Image lo hace fácil en el navegador: ideal para conceptuar rápido, paneles de inspiración y visuales listos para cliente. Usa los prompts de arriba como plantillas y cambia la escena (póster, UI, empaque) según tu proyecto.

Siguiente: Paleta de colores graffiti