Ideas de paletas de color gris cool: 20 opciones con códigos hexadecimales

El gris frío se sitúa en ese punto ideal entre lo nítido y lo acogedor: lo bastante moderno para interfaces, lo suficientemente neutro para impresión, y lo bastante calmado para interiores. Es la opción perfecta cuando buscas claridad sin la dureza del blanco y negro puros.

A continuación encontrarás 20 ideas seleccionadas de paletas de colores gris frío con códigos HEX, además de consejos rápidos para combinar acentos y usar estos tonos en trabajos de diseño reales.

Por Qué Funcionan Tan Bien los Esquemas de Color Gris Frío

Los esquemas de color gris frío son confiables porque aportan estructura sin llamar la atención. Crean una jerarquía limpia para la tipografía, componentes de UI y disposiciones, manteniendo el tono general discreto.

A diferencia de los grises cálidos, que pueden tender al beige, los grises fríos permanecen nítidos y contemporáneos. Eso los hace especialmente efectivos en branding tecnológico, tableros llenos de datos y diseño editorial minimalista.

También son flexibles: puedes mantenerlos totalmente neutros para un aire premium, o introducir un solo acento (verde azulado, azul, cobre, rubor) para cambiar el estado de ánimo sin rediseñar todo el sistema.

20+ Ideas de Paletas de Colores Gris Frío (con códigos HEX)

1) Hormigón Ártico

HEX: #f2f4f7 #d7dde4 #aab3bf #6b7480 #2f343b

Estado de ánimo: limpio, calmado, profesional

Ideal para: UI de tablero SaaS

Limpios y aireados como la luz de la mañana sobre el hormigón, estos tonos de gris frío se perciben tranquilos y seguros. La mezcla se ve nítida en pantalla, con suficiente profundidad para gráficos, navegación y estados. Para un acabado pulido, combínalo con un solo acento frío (verde azulado o azul hielo) y mantén la tipografía en carbón en vez de negro puro. Consejo de uso: reserva #2f343b para títulos y cifras clave para que la interfaz se mantenga ligera. También se adapta muy bien como esquema de color gris frío para diseños con muchos datos.

Ejemplo de imagen de hormigón ártico generado con media.io

Media.io

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

Pruébalo gratis ahora

2) Niebla de Acero

HEX: #eef1f4 #cbd2da #9aa3ad #59616b #1f2328

Estado de ánimo: elegante, industrial, moderno

Ideal para: identidad visual de marca tecnológica

Elegante y algo industrial, esta paleta de grises fríos evoca acero cepillado y aceras lluviosas. Brinda un contraste fuerte sin dureza, lo que ayuda a que logotipos y nombres sean refinados. Añade un solo acento eléctrico para llamadas de atención, o mantenlo neutro para un aspecto premium. Sugerencia: deja que #1f2328 ancle el logo mientras #eef1f4 se queda como espacio negativo generoso.

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

3) Oficina Glacial

HEX: #f6f8fb #dfe6ee #b8c2ce #7a8796 #3b4450

Estado de ánimo: brillante, organizado, minimalista

Ideal para: plantillas de presentaciones

Brillantes y ordenados, estos grises fríos evocan un glaciar vidrioso con bordes nítidos. Mantienen las diapositivas espaciosas, pero con jerarquía clara para títulos, gráficos y señales. Combina con azul marino apagado o pizarra para resaltar y evita naranjas cálidos que compitan con el matiz frío. Consejo de uso: utiliza #dfe6ee para separar secciones y que el conjunto se mantenga cohesivo sin divisores pesados.

Ejemplo de imagen de oficina glacial generado con media.io

4) Salvia Plateada

HEX: #f3f5f6 #d2d9d8 #a9b5b0 #6f817a #2e3a35

Estado de ánimo: natural, relajante, refinado

Ideal para: envases de spa y bienestar

Suave y botánico, esta mezcla de gris frío evoca hojas de salvia espolvoreadas con plata. Las notas verde-gris suaves hacen que el empaque se vea calmado, limpio y confiable. Combina con blanco mate y detalles en relieve sutil, o agrega un dorado apagado para un acabado premium. Consejo: mantén el texto de ingredientes en #2e3a35 para legibilidad sin perder la atmósfera tranquila.

Ejemplo de imagen de salvia plateada generado con media.io

5) Amanecer en el Puerto

HEX: #f0f3f7 #c8d2e0 #8ea2bb #4e647a #26313b

Estado de ánimo: costero, constante, fresco

Ideal para: sección hero de sitio web

Frescos y costeros, estos azules y grises evocan la niebla elevada sobre un puerto. Los tonos medios aportan color suficiente para verse acogedores y profesionales. Si buscas combinaciones de gris frío que sigan siendo amigables, usa #8ea2bb para botones y fondos en #f0f3f7. Consejo: añade degradados sutiles de #c8d2e0 a #f0f3f7 para evitar una sección hero plana.

Ejemplo de imagen de amanecer en el puerto generado con media.io

6) Grafito y Nube

HEX: #f7f7f8 #d9dadd #b1b3b8 #575a61 #222327

Estado de ánimo: minimalista, audaz, atemporal

Ideal para: maquetación de revista editorial

Audaces y atemporales, estos neutros evocan bocetos de grafito sobre papel brillante. El rango desde blanco-nube hasta casi negro aporta intención a la tipografía y las cuadrículas. Cuando necesitas una paleta de gris frío que luzca premium en impresión, apóyate en #222327 para títulos y #d9dadd para márgenes generosos. Consejo: usa un grosor de fuente mayor al habitual porque los grises pueden percibirse más suaves en papeles satinados.

Ejemplo de imagen de grafito y nube generado con media.io

7) Denim Escarchado

HEX: #f4f7fb #d3dbe6 #9fb0c6 #5a6f8a #2b3644

Estado de ánimo: informal, nítido, accesible

Ideal para: pantallas onboarding para apps

Nítido e informal, este esquema de grises fríos evoca el denim lavado con la luz de un cielo invernal. Los tonos azules más suaves funcionan bien para procesos de onboarding donde necesitas orientación sin presión visual. Combina con espacio en blanco y tarjetas redondeadas, usando #2b3644 para títulos de pasos. Consejo: mantén las ilustraciones en dos tonos (#9fb0c6 y #5a6f8a) para que las pantallas se mantengan coherentes de un paso a otro.

Ejemplo de imagen de denim escarchado generado con media.io

8) Lavanda Tranquila

HEX: #f5f3f8 #d9d3e3 #b2a9c5 #6f6588 #2e2a3a

Estado de ánimo: suave, etéreo, elegante

Ideal para: set de invitaciones de boda

Suaves y etéreos, estos tonos de gris frío evocan un atardecer lavanda y cintas de satén. La mezcla violeta-gris es romántica sin ser empalagosa, ideal para papelería moderna. Combina con papel blanco cálido y serif delicada, mantén los adornos mínimos para que el color respire. Consejo: imprime bloques grandes en #f5f3f8 y reserva #2e2a3a para nombres y detalles clave para mantener el contraste.

Ejemplo de imagen de lavanda tranquila generado con media.io

9) Melocotón Polar

HEX: #f7f4f3 #dad6d6 #a9a3a6 #5c5960 #f2b7a6

Estado de ánimo: equilibrio cálido-frío, suave, moderno

Ideal para: plantillas de frases para redes sociales

Suaves y modernos, estos tonos de gris frío recuerdan prendas de punto con toques sonrojados. El acento melocotón evita que los grises se perciban fríos, ideal para contenidos cercanos. Combina con formas geométricas simples y deja que #5c5960 destaque el texto para mejor legibilidad. Consejo: utiliza el melocotón solo en palabras destacadas o iconos para mantener el feed cohesivo.

Ejemplo de imagen de durazno polar generado usando media.io

10) Pizarra Verde Azulado

HEX: #f1f4f5 #cfd7db #95a7ad #4b666f #1f3c42

Estado de ánimo: confiado, refrescante, estructurado

Ideal para: Página de aterrizaje B2B

Confiada y refrescante, estas combinaciones de grises fríos recuerdan la piedra de pizarra y el agua profunda. Los grises con matiz verde azulado aportan personalidad mientras se mantienen totalmente profesionales. Combina con iconos lineales nítidos y mucho espacio, usando #1f3c42 para llamadas a la acción (CTA) y cabeceras fijas. Consejo de uso: mantén los campos de formulario en #cfd7db para que sean claros sin contornos fuertes.

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

11) Musgo Invernal

HEX: #f3f6f4 #d7dfdb #aabbb1 #667a70 #2f3d37

Estado de ánimo: terroso, tranquilo, equilibrante

Ideal para: diseño de etiqueta de producto ecológico

Terroso y tranquilo, esta paleta de grises fríos evoca musgo bajo la escarcha y pino sombreado. Es ideal para marcas sostenibles donde se buscan referencias naturales sin verdes intensos. Combina con texturas de papel reciclado e iconos mínimos, y usa el texto en #2f3d37 para un acabado fundamentado. Consejo: evita contornos negros puros y usa #667a70 para trazos suaves.

Ejemplo de imagen de musgo invernal generado usando media.io

12) Cobre a la Luz de la Luna

HEX: #f6f5f4 #d8d6d4 #a5a2a0 #555352 #b46a52

Estado de ánimo: sofisticado, acogedor, elevado

Ideal para: creativo de anuncio de producto

Sofisticados y acogedores, estos tonos de gris frío sugieren luz de luna sobre metal con un destello cálido de cobre. El acento cálido aporta profundidad mientras la base se mantiene moderna y elegante. Para combinaciones de grises fríos que transmitan lujo, deja que #b46a52 aparezca en pequeños detalles como insignias o etiquetas de precio. Consejo: mantén las sombras neutrales (#555352) para que el cobre no luzca anaranjado en diferentes pantallas.

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

13) Minimalismo Tormentoso

HEX: #fafafa #e1e2e5 #b9bbc1 #70737c #2b2d33

Estado de ánimo: definido, minimalista, alto contraste

Ideal para: sitio web portafolio

Definida y minimalista, esta paleta de grises fríos recuerda nubes de tormenta despejándose en plena luz del día. El contraste es suficiente para galerías y casos de estudio, y sigue luciendo más suave que el negro y blanco puros. Añade un tono de acento para los enlaces, y mantén las imágenes realistas para no competir con los neutros. Consejo: usa el #e1e2e5 para bandas seccionales y guiar el desplazamiento sin bordes pesados.

Ejemplo de imagen de minimalismo tormentoso generado usando media.io

14) Tinta y Hielo

HEX: #f2f6f8 #cbd7dd #8da0aa #41545e #0f1a22

Estado de ánimo: nítido, serio, editorial

Ideal para: diseño de informe anual

Nítida y seria, estos tonos de gris frío evocan tinta sobre papel helado e infografías limpias. El negro-azul profundo aporta estructura en documentos grandes con gráficos, tablas y citas. Combina con fotografía contenida y líneas finas en #8da0aa para mantener el aire en las páginas. Consejo: usa texto largo en #41545e para reducir el brillo en comparación con el negro puro.

Ejemplo de imagen de tinta y hielo generado usando media.io

15) Rubor Urbano

HEX: #f6f2f4 #ded5da #b7a4ac #6e5b63 #c07b8f

Estado de ánimo: chic, suave, metropolitano

Ideal para: lookbook de moda

Chic y metropolitana, esta paleta de grises fríos evoca concreto teñido de rosa y forros de satén. El acento rosado agrega personalidad sin eclipsar la base neutra. Combina con bloques de fotografía minimalista y tipografía fina para una vibra editorial de pasarela. Consejo: limita #c07b8f a pequeños títulos o pestañas para mantener el diseño refinado.

Ejemplo de imagen de rubor urbano generado usando media.io

16) Monocromo Moderno

HEX: #ffffff #e5e6e8 #b9bbbf #6c6f76 #101114

Estado de ánimo: clásico, confiado, ultra limpio

Ideal para: sistema de logotipos e iconos

Clásica y ultra limpia, estas combinaciones de grises fríos evocan una galería iluminada a la perfección. Los pasos desde blanco hasta casi negro facilitan la estandarización de iconos, marcas y componentes de UI. Cuando necesites una paleta de grises fría que escale en todos los tamaños, usa #b9bbbf para trazos secundarios y #101114 para figuras principales. Consejo: define un solo gris para estados deshabilitados (#6c6f76) para mantener la previsibilidad del sistema.

Ejemplo de imagen de monocromo moderno generado usando media.io

17) Arena Nórdica

HEX: #f6f3ef #ded9d2 #b4aea6 #7a746d #3a3835

Estado de ánimo: neutro-cálido, calmado, vivido

Ideal para: moodboard de diseño interior

Calmada y vivida, estos neutros recuerdan arena pálida, piedra y lana suave. La leve calidez hace los espacios acogedores y modernos sin saturar. Combínala con roble claro, níquel cepillado y lino texturizado. Consejo: equilibra la paleta con un anclaje oscuro (#3a3835) en marcos o herrajes para que el ambiente no se vuelva demasiado beige.

Ejemplo de imagen de arena nórdica generado usando media.io

18) Pizarra Hora Azul

HEX: #eef2f7 #c3cedd #7d91ab #3a4f67 #141b26

Estado de ánimo: atmosférico, moderno, cinematográfico

Ideal para: diseño de póster musical

Atmosférica y cinematográfica, estas gamas de grises fríos remiten a la hora azul sobre el horizonte de la ciudad. El ancla azul marino profundo aporta legibilidad fuerte, mientras los tonos claros suavizan los degradados. Úsala con tipografía sans-serif audaz y formas mínimas, y evita amarillos cálidos salvo que busques contraste intencional. Consejo: Elige un fondo degradado de #141b26 a #3a4f67 para mayor profundidad sin sobrecargar.

Ejemplo de imagen de pizarra hora azul generado usando media.io

19) Cromo Lila

HEX: #f4f2f7 #d6d2df #a59db6 #5d556f #26222f

Estado de ánimo: futurista, suave, pulido

Ideal para: interfaz de app de belleza

Futuristas pero suaves, estos tonos grises fríos sugieren cromo con matiz lila y sombras afelpadas. El matiz púrpura-gris funciona perfecto para interfaces de belleza y lifestyle elegantes. Combínalo con fotografía de producto mínima y degradados sutiles, usando #26222f para etiquetas nítidas. Consejo: mantén los botones en #5d556f con texto #f4f2f7 para asegurar contraste sin hacerlo duro.

Ejemplo de imagen de cromo lila generado usando media.io

20) Gris Menta Nítido

HEX: #f1f6f5 #d0dfdb #9fbdb4 #5b7f77 #2a3c38

Estado de ánimo: fresco, limpio, energéticamente sutil

Ideal para: diseño de menú cafetería

Fresca y enérgica, esta paleta de grises fríos se siente como hojas de menta sobre piedra fría. Los tonos verde-gris mantienen los menús limpios pero con personalidad distintiva. Si buscas combinaciones modernas para impresión, usa #2a3c38 para títulos y #9fbdb4 para destacar categorías. Consejo: Fondo #f1f6f5 y limita los bloques de acento para que los ítems sean fáciles de escanear.

Ejemplo de imagen de gris menta nítido generado usando media.io

¿Qué colores combinan bien con el gris frío?

El gris frío combina naturalmente con acentos fríos como teal, azul pizarra, cian helado y azul marino profundo. Esto mantiene una temperatura coherente y da a las interfaces o diseños un aspecto intencionado, no “por defecto”.

Para contraste y calidez, añade acentos controlados como cobre, rosa o durazno suave. Una pequeña dosis suele ser suficiente para destacar botones, insignias, encabezados o puntos de datos clave.

Si quieres mantener todo neutral, usa capas de varios grises y ancla con casi negro o azul-negro en vez de negro puro. Así se preserva el look moderno y tranquilo pero se mejora la legibilidad.

Cómo utilizar una paleta de color gris frío en diseños reales

Empieza con roles, no muestras: elige un fondo claro, un gris de superficie para tarjetas/secciones, un gris intermedio para bordes y texto secundario, y un ancla oscuro para títulos y controles de UI. Así generas un sistema escalable.

En impresión y branding, los grises fríos se ven mejor con mucho espacio blanco y jerarquía tipográfica clara. Como en papel los grises se leen más suaves, mantén el contraste intencionado—sobre todo para texto y líneas finas.

Para interiores, mezcla grises fríos con textura (lino, lana, piedra) para evitar que el espacio se vea plano. Añade un material de acento—metal cepillado, madera oscura o color apagado—para evitar que la paleta sea demasiado estéril.

Crea visuales de paletas de gris frío con IA

Si quieres previsualizar cómo luce una gama de grises fría en un dashboard, póster, mockup de empaque o moodboard de interior, los visuales generados por IA te ayudan a validar contraste y estilo antes de decidir.

Con la herramienta de texto a imagen de Media.io, puedes pegar un prompt, especificar ratio de aspecto y generar ejemplos consistentes para sistemas de marca o flujos UI—usando exactamente tus colores HEX como referencia.

Es una forma rápida de probar múltiples combinaciones de gris frío y elegir la que mejor encaje para tu audiencia y medio.

Siguiente: Paleta de Colores Jardín Encantado