20 combinaciones de tonos plata y azul modernos con códigos HEX

El azul plateado se encuentra en ese punto ideal entre un neutro aireado y un confiado azul grisáceo, lo que facilita crear diseños modernos y relajantes que aún se sienten premium.

A continuación encontrarás más de 20 ideas seleccionadas de paletas azul plateado con códigos HEX, además de prompts para imágenes de IA que puedes usar para visualizar cada estilo en UI, branding, impresión e interiores.

Por qué funcionan tan bien las paletas azul plateado

Las paletas azul plateado se perciben como limpias, modernas y confiables porque mezclan neutros fríos con azules tranquilos. Eso las hace una opción fiable para diseños llenos de información como tableros, presentaciones y páginas de producto.

También se adaptan bien desde lo minimalista hasta lo dramático. Puedes mantenerlo claro usando plateados brumosos y grises azulados suaves, o añadir peso usando azules marinos profundos para navegación, títulos y contraste premium.

Como el azul plateado actúa como un neutro, combina muy bien con acentos cálidos (oro champán, arena, cobre) y acentos fríos y nítidos (cian helado, acero, grafito), dándote mucha flexibilidad sin ruido visual.

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

1) Puerto escarchado

HEX: #E9EEF3 #BFC9D6 #7F97B3 #3E5C76 #0F2233

Ambiente: fresco, costero, tranquilo

Mejor para: tablero ui saas

Fresco y costero, estos tonos evocan la niebla de la mañana elevándose sobre un puerto tranquilo. El plateado pálido se mantiene limpio detrás de los medianos azul acero y un confiado azul marino profundo para contraste. Úsalo en tableros donde la claridad importa, acompañado de iconos simples y espacios generosos. Consejo: reserva el tono más oscuro para acciones principales y navegación clave para mantener la legibilidad del diseño.

Ejemplo de imagen de puerto escarchado generado con media.io

Media.io

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

Pruébalo ahora gratis

2) Tinta glaciar

HEX: #F2F5F7 #C7D2DD #8AA0B5 #2F4B63 #121C26

Ambiente: elegante, enfocado, editorial

Mejor para: diapositivas de pitch deck tech

Elegante y enfocado, tiene la apariencia de metal pulido junto a azul marino tinta fresca. Esta combinación de azul plateado funciona bien cuando necesitas un tono serio y moderno sin sensación de pesadez. Usa el gris azul pálido como fondo para las diapositivas y fija los títulos en el tono casi negro. Consejo: añade una línea de acento o divisor en el tono acero medio para estructurar contenido denso.

Ejemplo de imagen de tinta glaciar generado con media.io

3) Acero a la luz de la luna

HEX: #EDF0F4 #D0D7E1 #9AAEC2 #5E768E #263445

Ambiente: silencioso, refinado, moderno

Mejor para: juego de papelería de lujo

Silenciosos y refinados, estos tonos recuerdan la luz de la luna reflejada sobre acero cepillado. Los plateados suaves mantienen la elegancia mientras que el azul grisáceo profundo suma peso a la tipografía. Brilla en papelería, sobres y monogramas minimalistas, especialmente con texturas de papel sin recubrimiento. Consejo: utiliza el tono más oscuro solo para nombres y datos clave para que el aspecto general siga siendo ligero.

Ejemplo de imagen de acero a la luz de la luna generado con media.io

4) Cromo costero

HEX: #F6F8FA #C9D4DE #7E9AB2 #375B77 #0C2A3D

Ambiente: fresco, ventoso, confiado

Mejor para: kit de identidad de marca

Fresco y ventoso, evoca brisas marinas, detalles cromados y uniformes nítidos. Esta paleta de azul plateado equilibra tonos claros y amigables con un azul marino audaz y confiable para tipografía y logotipos. Es ideal para sistemas de marca que buscan parecer técnicos y modernos sin ser monocromáticos. Consejo: manten el logo en azul marino y usa el azul medio para gráficos y patrones secundarios.

Ejemplo de imagen de cromo costero generado con media.io

5) Niebla ártica

HEX: #FAFBFC #DCE3EA #A7B7C7 #6B8296 #2B3E52

Ambiente: ligero, aireado, sereno

Mejor para: cabecera de blog de bienestar

Ligero y aireado, parece una brisa fría sobre un cielo abierto. El casi blanco y el gris azul muy suave forman una base delicada para fotos, mientras que el azul pizarra más profundo estructura los títulos. Úsalo en blogs y layouts de estilo de vida que precisen una lectura serena. Consejo: usa el texto principal en pizarra, no marino, para evitar un contraste duro en fondos claros.

Ejemplo de imagen de niebla ártica generado con media.io

6) Línea plateada denim

HEX: #F1F4F7 #CBD6E0 #8EA4BA #4E6C87 #1A2A3A

Ambiente: casual, inteligente, accesible

Mejor para: ui página de producto ecommerce

Casual e inteligente, recuerda a un denim gastado cosido con un hilo plateado limpio. Las combinaciones azul plateado como esta funcionan genial para páginas de compras porque inspiran confianza sin ser frías. Usa los tonos claros para bloques de contenido y el azul denim medio para etiquetas, valoraciones y botones secundarios. Consejo: introduce el casi negro solo para precios y llamados a la acción para guiar la atención.

Ejemplo de imagen de línea plateada denim generado con media.io

7) Vidrio de tormenta

HEX: #E8EEF2 #BAC8D4 #7F95A7 #3F586B #1B2B36

Ambiente: melancólico, maduro, discreto

Mejor para: diseño de portada de libro

Melancólico y maduro, estos tonos evocan nubes de tormenta tras un cristal. La base gris azul fría soporta tipografía dramática, mientras el azul marino carbón crea profundidad instantánea. Funciona bien para libros de no ficción, thrillers o portadas minimalistas con aire cinematográfico. Consejo: coloca el título en el tono más claro y agrega un borde fino en el tono medio para un acabado premium.

Ejemplo de imagen de vidrio de tormenta generado con media.io

8) Azul marino banco de nubes

HEX: #F4F7FA #D3DCE6 #A1B2C3 #5D748B #102233

Ambiente: limpio, estructurado, profesional

Mejor para: ui app fintech

Limpio y estructurado, parece un banco de nubes brillante con un horizonte azul marino definido. Como esquema de color azul plateado, soporta alta densidad de información siendo calmado y creíble. Usa el tono más claro para pantallas y los medios para estados como hover, seleccionado y deshabilitado. Consejo: mantén discretos los colores de error y éxito para no competir con los azules marinos principales.

Ejemplo de imagen de azul marino banco de nubes generado con media.io

9) Perla polar

HEX: #FBFCFD #E2E8EF #B6C4D2 #7C92A6 #344656

Ambiente: suave, luminosa, elegante

Mejor para: invitación de boda

Suave y luminoso, evoca el brillo nacarado de la nieve bajo un cielo pálido. El suave degradado de blanco casi puro a gris pizarra da a las invitaciones una sensación refinada y moderna sin ser demasiado fría. Combínalo con foil metálico cálido, como el oro champán, para que los tonos fríos resulten acogedores. Consejo: utiliza el gris pizarra intermedio para el texto principal, para una mejor legibilidad en papeles claros.

Ejemplo de imagen de polar pearl generada con media.io

10) Cobalt Haze

HEX: #EEF2F6 #C6D2DE #7F9DB7 #2F5E86 #0F1F2C

Ambiente: enérgico, nítido, moderno

Mejor para: anuncio de producto deportivo

Enérgico y nítido, parece cobalto atravesando una neblina fresca. El azul medio más intenso aporta dinamismo atlético, mientras que el color oscuro mantiene los diseños sólidos y de calidad. Úsalo en anuncios de productos donde quieras movimiento sin acentos de neón llamativos. Consejo: permite que el azul medio lleve los destacados y usa el tono más claro para grandes fondos para una sensación limpia de estudio.

Ejemplo de imagen de cobalt haze generada con media.io

11) Blueprint Ice

HEX: #F0F6FA #CFE0EC #9AB7CE #4D7AA1 #173048

Ambiente: técnico, ordenado, ingenioso

Mejor para: portafolio de arquitectura

Técnico y ordenado, recuerda líneas de planos sobre un papel vegetal escarchado. Los tonos claros mantienen las páginas abiertas, mientras que el azul más intenso añade un acento preciso e ingenieril. Úsalo para secciones de portafolio, diagramas y leyendas donde la jerarquía sea importante. Consejo: aplica el azul medio para líneas de cuadrícula y llamadas para que los dibujos se lean fácilmente de un vistazo.

Ejemplo de imagen de blueprint ice generada con media.io

12) Riverstone Silver

HEX: #F7F9FB #D8E0E8 #AEBBC8 #6E8497 #273646

Ambiente: sólido, natural, equilibrado

Mejor para: concepto de interior de sala de estar

Sólido y natural, recuerda piedras de río con un baño frío y plateado. Los grises azulados medios funcionan como neutros versátiles, mientras que el pizarra profundo puede definir bordes, muebles o paredes destacadas. Combínalo con roble, lino y accesorios negros mate para un aspecto orgánico moderno. Consejo: prueba los dos tonos más claros bajo luz nocturna para evitar un matiz frío.

Ejemplo de imagen de riverstone silver generada con media.io

13) Winter Marina

HEX: #EFF3F7 #C8D3DD #8CA1B3 #506A80 #182733

Ambiente: fresco, náutico, relajado

Mejor para: portada de folleto de viaje

Fresco y náutico, sugiere muelles tranquilos, aguas invernales y fines de semana abrigados lejos de casa. El azul plateado claro mantiene la imagen brillante, mientras que los tonos oscuros enmarcan títulos e información clave. Úsalo para portadas de viajes que deban sentirse frescas y fiables, no demasiado tropicales. Consejo: añade un pequeño acento cálido, como arena o cobre, para un mejor equilibrio visual.

Ejemplo de imagen de winter marina generada con media.io

14) Silverwave Gradient

HEX: #F9FBFD #D7E3EF #A4BFD6 #6E95B8 #2A4E6C

Ambiente: suave, optimista, contemporáneo

Mejor para: sección hero de landing page

Suave y optimista, se siente como una ola suave rodando hacia un horizonte brillante. Los azules escalonados son ideales para degradados, botones y sutiles profundidades sin sombras pesadas. Úsalo para secciones hero donde quieras movimiento y claridad al mismo tiempo. Consejo: mantén los degradados suaves y agrega componentes de color sólido para accesibilidad y contraste.

Ejemplo de imagen de silverwave gradient generada con media.io

15) Deep Current

HEX: #E6EDF4 #B8C7D7 #6F8DA7 #2D4C66 #0B1A24

Ambiente: dramático, seguro, premium

Mejor para: diseño de etiqueta de whisky

Dramático y premium, se asemeja a agua profunda bajo un cielo plateado. La base oscura aporta lujo, mientras que los tonos claros mantienen los detalles nítidos y legibles en impresión. Esta combinación de azul plateado queda muy bien con foil dorado cálido y papeles texturizados para contraste. Consejo: utiliza el azul medio para líneas ornamentales y deja el casi negro para la marca.

Ejemplo de imagen de deep current generada con media.io

16) Skylight Slate

HEX: #F5F8FB #D6DFE8 #A9B8C7 #697D90 #2A3946

Ambiente: minimalista, aireado, práctico

Mejor para: plantilla de currículum

Minimalista y práctico, parece la luz natural reflejada en pizarra suave. El fondo pálido mantiene las páginas brillantes, mientras que los tonos pizarra crean una jerarquía clara en títulos y separadores. Úsalo para currículums y portafolios de una página donde la tipografía debe ser protagonista. Consejo: coloca los encabezados de sección en el tono más oscuro y mantén el texto principal un paso más claro para una lectura suave.

Ejemplo de imagen de skylight slate generada con media.io

17) Frostline Ceramic

HEX: #F8FAFC #DDE6EE #B1C2D0 #7390A8 #314252

Ambiente: fresco, limpio, estilo spa

Mejor para: envase de productos de cuidado de la piel

Fresco y estilo spa, recuerda cerámica vidriada y vapor frío. Los plateados claros se sienten higiénicos, mientras que el azul grisáceo medio aporta confianza clínica suave. Úsalo en envases de cuidado de la piel donde la simplicidad indica calidad y confianza. Consejo: elige un fondo dominante para las etiquetas (el tono más claro) y usa los más oscuros solo para ingredientes e iconos pequeños.

Ejemplo de imagen de frostline ceramic generada con media.io

18) Observatory Night

HEX: #EAEFF5 #C2D0DE #7E97B0 #3A5672 #0A1520

Ambiente: misterioso, nítido, alto contraste

Mejor para: cartel de evento

Misterioso y nítido, se siente como luz de estrellas sobre un cielo nocturno limpio. Esta paleta de azul plateado proporciona alto contraste sin recurrir al negro puro intenso. Usa el tono más claro para bloques de texto y el nocturno profundo para campos y bordes audaces. Consejo: mantén el diseño simple y deja que un titular sobredimensionado lleve el drama.

Ejemplo de imagen de observatory night generada con media.io

19) Icy Botanical

HEX: #F3F7FA #D7E4EA #A3BCCA #6A8CA1 #2C4556

Ambiente: delicado, refrescante, inspirado en la naturaleza

Mejor para: impresión de arte botánico

Delicado y refrescante, se asemeja a hojas pálidas cubiertas de escarcha. Los suaves lavados azul-plateado son perfectos para ilustración, permitiendo que el trabajo de línea sea visible y suave. Combínalo con papel crema y un delgado contorno carbón para una impresión lista para galería. Consejo: reserva el tono más oscuro para los detalles más pequeños, como tallos y sombras, para conservar la ligereza.

Ejemplo de imagen de icy botanical generada con media.io

20) Silver Metro

HEX: #F6F7F9 #D2D8E0 #9FAEBF #5F748A #1F2B36

Ambiente: urbano, pulido, eficiente

Mejor para: sistema de señalización de orientación

Urbano y pulido, sugiere acero cepillado, azulejos de metro y tipografía limpia. Los neutros mantienen la señalización legible, mientras que el azul grisáceo oscuro puede codificar rutas o zonas sin sobresalir demasiado. Úsalo para sistemas de señalización en oficinas, clínicas o campus donde la claridad sea lo más importante. Consejo: prueba el contraste desde distancia y reserva el tono más claro para fondos, no para textos.

Ejemplo de imagen de silver metro generada con media.io

21) Quiet Fjord

HEX: #EEF4F8 #C7D7E2 #8FB0C4 #4B738C #162834

Ambiente: sereno, expansivo, cinematográfico

Mejor para: editorial de blog de viajes

Sereno y expansivo, se siente como un fiordo bajo luz de cielo nublado, con una calma cinematográfica. Los tonos medios agregan atmósfera, y el tono profundo enmarca leyendas y citas destacadas de forma hermosa. Úsalo en disposiciones editoriales donde las fotos necesiten espacio y el texto deba permanecer discreto. Consejo: mantén márgenes generosos y usa el azul medio para marcadores de sección pequeños en lugar de líneas pesadas.

Ejemplo de imagen de quiet fjord generada con media.io

¿Qué colores combinan bien con el azul plateado?

El azul plateado combina naturalmente con azul marino profundo, carbón y pizarra para un sistema tonal limpio. Esto es ideal cuando buscas una sensación monocromática moderna con suficiente contraste para títulos, navegación y acciones principales.

Para añadir calidez, pon oro champán, latón, cobre, arena o blanco cálido para evitar que los azul-gris fríos resulten demasiado gélidos. En interiores y envases, los tonos madera (roble, nogal) y neutros tipo lino funcionan especialmente bien.

Si quieres más energía, prueba acentos controlados como cobalto, cian gélido o teal suave. Limita esos acentos a destacados (iconos, gráficos, enlaces) para que la base azul plateada permanezca calmada y legible.

Cómo usar una paleta azul plateado en diseños reales

Comienza asignando roles: plateado claro para fondos, azul gris medio para superficies y UI secundaria, y el azul marino/pizarra más oscuro para tipografía y controles principales. Esto mantiene la jerarquía consistente en páginas y componentes.

En branding, usa el color base oscuro para el logo y texto principal, y luego lleva azul plateado a patrones, campos de papelería y plantillas sociales. Este método se siente técnico y premium sin volverse frío.

Para interiores, trata el azul plateado como una familia de pintura neutra: tonos claros en paredes, medios en tapicería o muebles, y el pizarra oscuro para molduras o acentos metálicos. Siempre prueba bajo distintas luces para evitar una dominante azul por la noche.

Crea visuales de paletas azul plateado con IA

Si quieres ver cómo se comporta una paleta azul plateada en un diseño real, genera maquetas rápidas con IA. Así puedes previsualizar contraste, ambiente y sensación de materiales (papel, metal, cerámica) antes de implementar el sistema completo de diseño.

Usa los prompts anteriores como punto de partida, luego sustituye tu tipo de producto (pantalla de app, cartel, etiqueta, sala de estar) y mantén la paleta constante en el prompt para resultados controlados.

Cuando encuentres un estilo que te guste, prueba iterar cambiando de a un solo elemento a la vez (iluminación, textura o estilo de tipografía) para que los tonos azul plateado permanezcan coherentes entre variantes.

Siguiente: Paleta de colores taupe