22 paletas de color cian oscuro: códigos hexadecimales y consejos

El cian oscuro se sitúa en el punto ideal entre el verde azulado y el azul profundo: lo suficientemente sereno como para generar confianza, pero lo bastante audaz para sentirse moderno. Es una elección fiable para sistemas de interfaz de usuario, marcas e interiores donde se busca profundidad sin rudeza.

A continuación, encontrarás ideas de paletas de colores cian oscuro con códigos HEX, consejos de combinación y prompts de IA que puedes reutilizar para generar imágenes de marca rápidamente.

Por qué las paletas de cian oscuro funcionan tan bien

El cian oscuro transmite estabilidad e inteligencia, ya que toma la profesionalidad del azul marino y la frescura del verde. Esta mezcla lo convierte en un “color ancla” versátil para sistemas que requieren tanto confianza como energía.

También combina fácilmente con neutros, desde blanco roto hasta pizarra, manteniendo los diseños legibles pero distintivos. En la práctica, el cian oscuro suele funcionar como color para navegación, cabeceras y botones principales sin sobrecargar la página.

Por último, el cian oscuro transiciona bellamente en degradados (hacia verde azulado, aqua o azul profundo). Esto otorga profundidad a gráficos, secciones destacadas y paneles de fondo, manteniendo un ambiente de marca cohesivo.

Más de 20 ideas de paletas de colores cian oscuro (con códigos HEX)

1) Profundidades del puerto

HEX: #005f66 #0a3d45 #1b2a2f #8fb8b0 #f2f5f4

Estado de ánimo: sombrío, náutico, sólido

Ideal para: identidad de marca marina y sitios web de servicios

El agua del puerto y la madera gastada de los muelles marcan el ambiente, con sombras de verde azulado profundo y reflejos suaves de niebla marina. Úsala en logotipos, cabeceras principales y páginas donde se busque una autoridad serena. Combina los tonos más oscuros con espacios limpios en blanco roto y un verde menta suave para accesibilidad. Consejo: reserva el casi negro para textos e iconos para que el cian conserve su riqueza y no se vea apagado.

Ejemplo de imagen de profundidades del puerto generado con media.io

Media.io

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

Pruébalo ahora gratis

2) Marea botánica

HEX: #006d77 #83c5be #2a9d8f #e9d8a6 #fefae0

Estado de ánimo: fresco, orgánico, soleado

Ideal para: ilustraciones botánicas y etiquetas ecológicas

Los verdes del vidrio de mar y las notas de arena cálida evocan un jardín costero tras la lluvia. Funciona de maravilla en empaques naturales, etiquetas de bienestar y patrones ilustrados en los que buscas energía amigable. Equilibra el verde azulado intenso con fondos cremosos para mantener la ligereza. Consejo: usa el amarillo arenoso para avisos pequeños o formas de insignia para no opacar los verdes.

Ejemplo de imagen de marea botánica generado con media.io

3) Acuario a medianoche

HEX: #004d53 #012a2d #0b7285 #3a4750 #e0fbfc

Estado de ánimo: misterioso, elegante, nocturno

Ideal para: paneles de análisis y UI en modo oscuro

El vidrio misterioso del acuario y las sombras acuáticas profundas crean una atmósfera elegante y nocturna. Esta paleta de cian oscuro es ideal para paneles en modo oscuro, donde importan el contraste y la claridad más que los adornos. Combina el matiz helado con degradados discretos para gráficos y usa el verde azulado más oscuro en la navegación. Consejo: utiliza solo un color de acento para estados como activo o hover y así evitar ruido visual.

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

4) Corriente de cobre

HEX: #005b5f #0b3c49 #d08c60 #f3e9dc #2f2f2f

Estado de ánimo: artesanal, cálido, premium

Ideal para: empaque de café y anuncios de productos boutique

La calidez artesanal aparece como herrajes de cobre sobre verde azulado costero. La mezcla se siente premium en empaques, especialmente si añades texturas mate y sombras sutiles. Combina el cobre con tonos de papel cremoso para mantener la invitación, no el peso. Consejo: usa el cobre solo en sellos, detalles en foil o títulos clave para maximizar el impacto.

Ejemplo de imagen de corriente de cobre generado con media.io

5) Fiordo brumoso

HEX: #0c6b6e #4aa3a2 #cfe8e6 #5c677d #f7f7f2

Estado de ánimo: tranquilo, aireado, escandinavo

Ideal para: interiores de salón y secciones web en calma

La niebla de un fiordo y los tonos de cielo pálido aportan limpieza, suavidad y modernidad. Apropiado para interiores, landing pages y marcas de bienestar que buscan calma sin parecer insípidos. Combina el tono pizarra con iluminación cálida o texturas de madera clara para mantener la calidez. Consejo: deja que el aqua pálido cubra grandes áreas como paredes, paneles o fondos de sección.

Ejemplo de imagen de fiordo brumoso generado con media.io

6) Circuito neón

HEX: #006a73 #00f5d4 #1f2937 #a78bfa #f9fafb

Estado de ánimo: futurista, vibrante, alto contraste

Ideal para: pantallas de onboarding para apps startup

El brillo eléctrico sobre grafito oscuro le da a este conjunto una vibra futurista y segura. Es ideal para onboarding, funciones destacadas y marketing SaaS donde quieres jerarquía clara. Combina el aqua neón con mucho espacio blanco para mantener la nitidez, y usa violeta para énfasis secundarios. Consejo: evita bloques grandes de neón y reserva los tonos brillantes para botones, interruptores y micro-acentos.

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

7) Oasis desértico

HEX: #006b70 #264653 #e76f51 #f4a261 #e9c46a

Estado de ánimo: aventurero, cálido, listo para viajar

Ideal para: carteles de viaje y promociones turísticas

El calor aventurero se encuentra con el frescor del agua, como un oasis al atardecer. Estas combinaciones de cian oscuro destacan en carteles y anuncios sociales donde los naranjas encuadran el verde azulado como punto focal. Combina el azul verdoso más profundo con amarillo arena en títulos llamativos. Consejo: coloca los tonos cálidos en formas o bordes para que el verde azulado siga siendo el protagonista.

Ejemplo de imagen de oasis desértico generado con media.io

8) Pizarra y mar

HEX: #005a63 #334155 #64748b #cbd5e1 #f8fafc

Estado de ánimo: profesional, fresco, discreto

Ideal para: sitios web B2B y presentaciones

La pizarra fría se une a tonos de mar serenos para un look profesional y sin drama. Ideal para sitios B2B, reportes y presentaciones donde la legibilidad y confianza son clave. Combina el verde azulado con grises suaves en gráficos y tablas, manteniendo la tipografía precisa. Consejo: usa la pizarra más oscura en títulos y deja que el verde azulado destaque enlaces y métricas clave.

Ejemplo de imagen de pizarra y mar generado con media.io

9) Teal vintage

HEX: #00656b #2d6a4f #b08968 #f1dca7 #faf3dd

Estado de ánimo: vintage, texturizado, de cuento

Ideal para: invitaciones de boda y papelería artesanal

La tinta vintage y el papel envejecido por el sol aportan a esta mezcla un encanto artesanal. Es ideal para invitaciones, menús y papelería en pequeños lotes que se benefician de la textura y calidez. Combina el azul petróleo con el marrón tostado para un toque clásico de impresión tipográfica y suaviza con fondos cremosos. Consejo: añade patrones de grano sutil o semitonos para reforzar la sensación de impresión.

Ejemplo de imagen de impresión vintage en azul petróleo generado con media.io

10) Vidrio Ártico

HEX: #005f73 #0a9396 #94d2bd #e9d8a6 #001219

Estado de ánimo: nítido, moderno, de frío a cálido

Ideal para: anuncios de productos para el cuidado de la piel y envases limpios

Los tonos árticos nítidos evocan vidrio esmerilado con un toque cálido de arena pálida. Son perfectos para productos de cuidado facial, accesorios tecnológicos y envases minimalistas que necesitan frescura. Combina el casi-negro con el menta suave para un contraste premium y añade un matiz arenoso para calidez suave. Consejo: utiliza el negro solo para textos pequeños y listas de ingredientes para mantener el aspecto ligero.

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

11) Galería Minimalista

HEX: #004f55 #111827 #e5e7eb #d1d5db #f9fafb

Estado de ánimo: minimalista, refinado, editorial

Ideal para: sitios de portafolio y sistemas modernos UI

Las paredes de galería minimalista y luz suave evoca el uso esencial de azul petróleo. Esta paleta de cian oscuro funciona especialmente bien para portafolios y kits de UI que requieren elegancia y contención. Combina azul petróleo con grises fríos para mantener los espacios y cuadrículas intencionados. Consejo: limita el uso del azul petróleo a navegación, estados activos y un componente destacado como botones o etiquetas.

Ejemplo de imagen de galería minimalista generado con media.io

12) Deriva de Bayas

HEX: #006466 #4d194d #9a031e #e36414 #fbf5f3

Estado de ánimo: audaz, artístico, mercado nocturno

Ideal para: portadas de discos y carteles de eventos

Los tonos intensos de bayas flotando sobre azul petróleo evocan un mercado nocturno con letreros de neón. Úsalo para añadir drama en carteles, portadas o campañas gráficas impactantes. Combina el azul petróleo más oscuro con blanco crema para textos legibles y deja que el magenta y rojo actúen como focos. Consejo: mantén los degradados simples y utiliza grandes bloques de color para impacto.

Ejemplo de imagen de deriva de bayas generado con media.io

13) Coral Reef Pop

HEX: #006f75 #00a5a8 #ff7f50 #ffd6c0 #102a2a

Estado de ánimo: juguetón, veraniego, enérgico

Ideal para: menús de restaurantes y promociones sociales

Colores de arrecife divertidos que resaltan como coral sobre aguas tropicales claras. Son ideales para menús, marcas alimentarias y plantillas sociales donde se busca apetito sin exceso de calor. Combina el coral con el rubor claro para resaltes amigables y usa el verde más profundo para texto. Consejo: utiliza el coral en etiquetas de precios o llamadas a la acción para captar la atención rápido.

Ejemplo de imagen de coral reef pop generado con media.io

14) Ventana Llueve

HEX: #005d65 #3c6e71 #d9d9d9 #284b63 #f5f5f5

Estado de ánimo: calmado, reflexivo, urbano

Ideal para: encabezados de blogs y páginas editoriales de aterrizaje

Los tonos azules suaves de día lluvioso evocan mirar por la ventana a una calle tranquila. La paleta es ideal para páginas editoriales, encabezados de blogs y lectura de largo formato donde la suavidad reduce la fatiga. Combina azul petróleo con grises suaves para fondos y usa azul profundo para divisores de sección. Consejo: mantén el contraste alto en el texto usando el tono más oscuro para tipografía.

Ejemplo de imagen de ventana de lluvia generado con media.io

15) Laguna Forestal

HEX: #006a6e #2b9348 #55a630 #d9ed92 #081c15

Estado de ánimo: aventurero, vivo, ecológico

Ideal para: marcas ecológicas y empaques de productos de exterior

Verdes exuberantes alrededor de una laguna profunda evocan sensación de naturaleza activa. Es una combinación natural para marcas ecológicas, productos de senderismo y mensajes de sostenibilidad. Combina la base oscura con resaltados en lima para visibilidad y usa el verde pálido como fondo suave. Consejo: utiliza el verde más claro en paneles secundarios para que los verdes brillantes sean legibles.

Ejemplo de imagen de laguna forestal generado con media.io

16) Spa de Arenisca

HEX: #006a6f #4f6d7a #c9ada1 #f2e9e4 #22223b

Estado de ánimo: relajante, equilibrado, exclusivo

Ideal para: folletos de spa y sitios wellness

Los tonos calmantes de spa evocan toallas cálidas y piedra fría. Úsalo para sitios de bienestar, folletos y menús de servicios donde la confianza y comodidad importan. Combina el beige rosa apagado con azul petróleo oscuro para contraste refinado y mantén fondos cremosos para suavidad. Consejo: elige un tono profundo para encabezados y deja que los neutros dominen la página.

Ejemplo de imagen de spa de arenisca generado con media.io

17) Tinta Techno

HEX: #004b50 #0f172a #1e293b #38bdf8 #a3e635

Estado de ánimo: técnico, audaz, modo nocturno

Ideal para: herramientas de desarrollo y paneles SaaS

La tinta técnica en modo nocturno con señales brillantes es ideal para velocidad y precisión. Funciona para herramientas de desarrollo, paneles de control y sistemas donde los colores de estado deben destacar. Combina detalles lima y azul cielo con mucho espacio negativo oscuro para evitar el deslumbramiento. Consejo: asigna los detalles consistentemente a estados como éxito, información y resaltado para una lectura instantánea.

Ejemplo de imagen de tinta techno generado con media.io

18) Terciopelo de Pavo Real

HEX: #005b62 #0b525b #9b5de5 #f15bb5 #fee440

Estado de ánimo: expresivo, divertido, glam moderno

Ideal para: volantes de festival y gráficos sociales audaces

Los tonos expresivos de terciopelo de pavo real evocan luces de escenario y confianza juguetona. Úsalo para flyers, branding de creadores o campañas sociales que requieran energía con elegancia. Combina azul petróleo oscuro con amarillo brillante para contraste instantáneo y reserva rosado y violeta para detalles de apoyo. Consejo: utiliza un color brillante por panel para evitar diseños caóticos.

Ejemplo de imagen de terciopelo de pavo real generado con media.io

19) Arcilla Costera

HEX: #006169 #3d405b #e07a5f #f2cc8f #f4f1de

Estado de ánimo: cálido costero, hecho a mano, acogedor

Ideal para: anuncios de productos para el hogar y marcas de cerámica

Arcilla cálida y aire marino se mezclan en un aspecto acogedor y artesanal. Perfecto para cerámica, productos de decoración y anuncios de estilo de vida que buscan un toque humano. Combina terracota con azul petróleo más oscuro para un punto focal equilibrado y suaviza con neutros cremosos. Consejo: utiliza el tono arena como fondo para que las formas de producto parezcan cálidas y naturales.

Ejemplo de imagen de arcilla costera generado con media.io

20) Modernidad en Luz de Tormenta

HEX: #00565c #22333b #5e6472 #c9d6df #edf2f4

Estado de ánimo: frío, arquitectónico, confiado

Ideal para: portafolios de arquitectura y revistas impresas

Los tonos fríos de luz de tormenta evocan concreto, acero y un horizonte moderno claro. Úsalo para portafolios de arquitectura, estudios de caso y maquetaciones impresas donde la estructura es protagonista. Combina azul petróleo oscuro con azul grisáceo pálido para espacios negativos elegantes y márgenes limpios. Consejo: deja que el tono más oscuro ancle titulares y pies de foto, los tonos claros para columnas y cuadrículas.

Ejemplo de imagen de modernidad en luz de tormenta generado con media.io

21) Monocromo Marino

HEX: #005e63 #00757c #2f3e46 #cad2c5 #f6fff8

Estado de ánimo: equilibrado, calmado, minimalista

Ideal para: renovación corporativa y páginas de aterrizaje limpias

Los tonos marinos equilibrados se sienten minimalistas, estables y modernos. La gama de azul petróleo y neutros suaves facilita construir secciones y componentes consistentes. Combina el carbón con blanco menta para diseños legibles y profundidad sutil. Consejo: utiliza el azul petróleo medio para tarjetas y el más oscuro para llamadas a la acción primarias para mantener clara la jerarquía.

Ejemplo de imagen de monocromo marino generado con media.io

22) Puerto Cítrico

HEX: #005b63 #0a4f57 #f4d35e #ee964b #f7ede2

Estado de ánimo: alegre, vibrante, accesible

Ideal para: branding de cafeterías y promociones de temporada

Los detalles cítricos alegres iluminan el azul petróleo profundo como sol sobre el agua. Estas combinaciones de colores cian oscuro son perfectas para cafeterías, promociones veraniegas y marcas amigables que buscan un color distintivo fresco. Combina el amarillo cálido con el crema para fondos y utiliza azul petróleo para logos y navegación. Consejo: reserva el naranja para resaltes pequeños, para que la paleta se mantenga fresca sin ser estridente.

Ejemplo de imagen de puerto cítrico generado con media.io

¿Qué colores combinan bien con el cian oscuro?

Los neutros son la victoria más fácil: blanco roto, crema cálido, gris claro, pizarra y carbón ayudan a que el cian oscuro se perciba intencionado y no pesado. Para tipografía e iconos, carbón profundo o casi negro suele mantener el contraste nítido.

Los detalles cálidos generan la tensión más atractiva: piensa en coral, terracota, cobre, arena y ámbar. Úsalos como resaltes (llamadas a la acción, insignias, etiquetas de precio, puntos clave de datos) para que la paleta sea tranquila pero viva.

Para un look más fresco y moderno, combina cian oscuro con menta, cian helado, azul cielo y lavanda suave. Estas combinaciones son especialmente efectivas en UI donde necesitas jerarquía clara y fondos cómodos.

Cómo usar una paleta de cian oscuro en diseños reales

Empieza por roles, no solo colores: elige un cian oscuro como ancla de marca (navegación, botones principales), un neutro profundo para texto, un neutro claro para fondos y un detalle para énfasis. Esto mantiene los componentes consistentes entre páginas y pantallas.

En UI, controla la saturación y reserva los tonos más brillantes para estados (activo, hover, éxito/información) para evitar ruido visual. En impresión o empaques, el cian oscuro se ve premium en materiales mate y texturizados, especialmente con detalles metálicos cálidos.

Para interiores, el cian oscuro funciona mejor como pared de acento, en gabinetes o textiles, equilibrado con maderas cálidas y blancos cremosos. Usa tonos aqua más claros en superficies grandes si deseas una sensación tranquila sin hacer que el espacio se vea más pequeño.

Crea imágenes de paletas de cian oscuro con IA

Si ya tienes códigos HEX, puedes convertirlos en tableros de inspiración, maquetas de interfaz, carteles y escenarios de producto en minutos. La forma más rápida es reutilizar una indicación fuerte y solo cambiar los nombres de la paleta o el contexto de diseño.

Mantén tu indicación específica (estilo, tema, iluminación, disposición) y deja que el cian oscuro sea el color “dominante” o “ancla”. Luego agrega un acento cálido (coral/cobre/ámbar) para guiar la mirada hacia puntos focales como CTA o etiquetas de producto.

Genera algunas variaciones, elige la composición más alineada con la marca y luego ajusta el espaciado y el contraste para una mejor legibilidad. Este flujo de trabajo es especialmente útil cuando necesitas varios materiales creativos para campañas o pruebas A/B.

Siguiente: Paleta de colores Crema Rosada