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

El gris pizarra es uno de esos neutros que “siempre funcionan”: fresco, sereno y fácil de escalar, desde fondos sutiles hasta tipografías llamativas.

A continuación tienes más de 20 ideas de paletas de colores gris pizarra con códigos HEX que puedes usar para UI, branding e interiores—además de consejos rápidos de combinación y prompts para IA que te ayudarán a generar imágenes rápidamente.

Por Qué Las Paletas de Gris Pizarra Funcionan Tan Bien

El gris pizarra se encuentra en el punto justo entre tonos azulados y neutros apagados, por lo que se siente moderno sin percibirse automáticamente como industrial y frío. Puede funcionar como “fondo” o como “estructura” según la intensidad que elijas.

En productos digitales, el gris pizarra acentúa una fuerte jerarquía: tonos profundos para navegación y títulos, tonos claros para superficies, y un color de acento para acciones. Es especialmente efectivo en tableros, fintech y estructuras editoriales.

En el diseño físico (interiores, empaques), el gris pizarra aporta peso y calma. Se combina naturalmente con materiales cálidos como madera, arena, latón y terracota—manteniendo el look general elegante y equilibrado.

Más de 20 Ideas de Paleta de Colores Gris Pizarra (con Códigos HEX)

1) Puerto Envuelto en Niebla

HEX: #708090 #2F3A44 #AAB2BD #D9D3C7 #C6A15B

Ambiente: sereno, costero, moderno

Ideal para: dashboard analítica saas ui

La niebla fresca del puerto y el acero cepillado configuran un ambiente estable y enfocado. Úsalo para interfaces con muchos datos donde el contraste y la jerarquía importan, permitiendo que el carbón oscuro ancle la navegación y los encabezados. La arena cálida y el oro apagado evitan que se sienta aséptico, sobre todo en gráficos, insignias y métricas clave. Consejo: reserva el dorado para una acción primaria y mantén el resto en grises para una lectura más limpia.

Ejemplo visual de puerto envuelto en niebla generado con media.io

Media.io

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

Pruébalo Gratis Ahora

2) Acero Azul y Rubor

HEX: #708090 #1F2A37 #E8B4B8 #F4F1EC #6BAED6

Ambiente: pulido, amigable, aireado

Ideal para: ui página de inicio para marca de belleza

El acero pulido se encuentra con un suave rubor para un look seguro y accesible. Estas combinaciones de gris pizarra funcionan muy bien en landing pages donde buscas estructura clara y un toque humano. Combina el rubor con blanco roto en secciones principales, luego utiliza azul cielo para enlaces y botones secundarios. Consejo: el texto principal sobre el blanco roto y el azul marino más oscuro para títulos para mantener la accesibilidad.

Ejemplo visual de acero azul y rubor generado con media.io

3) Estudio Salvia Ceniza

HEX: #708090 #3E4A3D #C9D2C1 #F2EFE9 #B08A5A

Ambiente: orgánico, tranquilo, editorial

Ideal para: empaque de producto cerámico

La luz silenciosa del estudio y las notas terrosas crean un ambiente artesanal y orgánico. Utiliza la salvia y el beige cálido para suavizar la base fresca, especialmente en empaques donde el tacto y la calma importan. El blanco roto da respiro a la tipografía y el verde profundo apoya en íconos y destacados de ingredientes. Consejo: imprime el tono pizarra como principal de la etiqueta y limita los acentos a un solo toque terroso para un aire premium.

Ejemplo visual de estudio salvia ceniza generado con media.io

4) Neutros Ventana de Tormenta

HEX: #708090 #111827 #9CA3AF #E5E7EB #F59E0B

Ambiente: elegante, alto contraste, urbano

Ideal para: ui app móvil fintech

Los reflejos de una ventana lluviosa y las sombras urbanas aportan energía y nitidez. Una paleta gris pizarra así es ideal para apps fintech que requieren claridad, confianza y fuerte contraste numérico. Usa el casi negro para texto principal y navegación, después emplea ámbar para estados, advertencias y CTAs claves. Consejo: limita el ámbar a menos del 10% de la interfaz para que siga siendo relevante y no saturado.

Ejemplo visual de neutros ventana de tormenta generado con media.io

5) Grafito y Albaricoque

HEX: #708090 #2B2D31 #F4A261 #F7F3E9 #264653

Ambiente: contraste cálido, moderno, seguro

Ideal para: diapositivas pitch deck startups

La profundidad del grafito con el calor del albaricoque transmite energía sin ser escandaloso. Funciona maravilloso en presentaciones donde necesitas titulares claros, gráficos fáciles y un acento memorable. Usa el blanco roto como fondo y el albaricoque para destacar llamadas y cifras clave. Consejo: usa el teal en imágenes y iconos de apoyo para mantener coherencia visual.

Ejemplo visual de grafito y albaricoque generado con media.io

6) Editorial Día Lluvioso

HEX: #708090 #0B1320 #BFC7D5 #F6F5F2 #7C5CFC

Ambiente: melancólico, refinado, editorial

Ideal para: diseño de reportaje revista

La calma de un día lluvioso y el alto contraste crean un aire refinado y listo para imprenta. El gris acero pálido da confort en bloques de texto largos y el casi negro da autoridad a los títulos y frases destacadas. El violeta sirve puntualmente para separadores, pies de foto o una estadística destacada. Consejo: usa el texto principal en el tono más oscuro y líneas generosas para un ritmo editorial relajado.

Ejemplo visual editorial día lluvioso generado con media.io

7) Hormigón Nórdico

HEX: #708090 #3B4A5A #C7CED6 #F3F4F6 #A3B18A

Ambiente: minimalista, aireado, arquitectónico

Ideal para: guía de paleta para salón moderno

La luz nórdica sobre muros de hormigón crea una sensación minimalista y respirable. Utiliza el gris pizarra y tonos acero en pintura, mobiliario o tapizado, luego suaviza con superficies gris-blanquecinas claras. El oliva apagado es el acento perfecto para plantas, cerámicas o una sola silla. Consejo: repite el oliva en dos detalles pequeños en vez de uno grande para más equilibrio visual.

Ejemplo visual de hormigón nórdico generado con media.io

8) Acento Teal Medianoche

HEX: #708090 #0F172A #0EA5A4 #CBD5E1 #F8FAFC

Ambiente: alta tecnología, nítido, fresco

Ideal para: anuncio producto smartwatch

La profundidad medianoche combinada con un destello teal da una sensación futurista y limpia. Los grises pálidos mantienen el diseño clínico en el buen sentido, ideal para anuncios tech que buscan claridad. Usa el teal para resaltar funciones, brillos y movimientos sutiles, mientras que el tono más oscuro enmarca la silueta del producto. Consejo: fondos casi blancos y el contraste llevado a la tipografía para destacar el dispositivo.

Ejemplo visual de acento teal medianoche generado con media.io

9) Oficina Rosa Empolvada

HEX: #708090 #374151 #D1A3A4 #F5F2EE #8AB4F8

Ambiente: profesional, suave, acogedor

Ideal para: plantilla de informe corporativo

La luz suave de oficina y las notas de rosa apagado hacen que un diseño profesional se sienta más acogedor. Usa el gris más oscuro para los encabezados y las líneas de tablas, luego apóyate en el blanco cálido para secciones largas de texto. El rosa empolvado funciona bien en los encabezados de sección, mientras que el azul claro ayuda a que los enlaces y referencias destaquen. Consejo: utiliza solo dos colores de datos más neutros en los gráficos para que el informe sea fácil de leer.

Ejemplo de imagen de oficina con rosa empolvado generado usando media.io

10) Spa Mineral Calmado

HEX: #708090 #22303C #A7C4C2 #E9EFEF #CBAE82

Ambiente: relajante, limpio, restaurador

Ideal para: kit de identidad de marca de bienestar

Tonos de agua mineral y vapor suave crean un ambiente restaurador y limpio. El verde mar y el blanco neblinoso aportan frescura, mientras que el beige cálido añade un contrapunto humano y natural. Usa los tonos oscuros para logotipos y tipografía, luego mantiene el empaque y las publicaciones sociales brillantes y aireadas. Consejo: elige una textura, como un sutil grano de papel, para mantener la identidad relajada en lugar de brillante.

Ejemplo de imagen de spa mineral calmado generado usando media.io

11) Herrajes de Cobre

HEX: #708090 #2D3748 #B87333 #EFE7DD #6B7280

Ambiente: industrial, cálido, premium

Ideal para: empaque de electrodomésticos de cocina

El acero industrial con un toque de cobre se siente premium y con un aire de taller. Usa el tono metálico cálido para distintivos y nombres de modelos, mientras que el blanco mantiene limpias las instrucciones y listas de características. El gris medio preserva la sutileza de paneles secundarios e íconos sin que desaparezcan. Consejo: imprime el cobre como acento spot o foil para realzar la caja sin abusar del brillo.

Ejemplo de imagen de herrajes de cobre generado usando media.io

12) Lana Invernal

HEX: #708090 #1F2937 #C4CBD4 #F5F5F4 #A16207

Ambiente: acogedor, hecho a medida, atemporal

Ideal para: diseño de lookbook de moda

Lana hecha a medida y aire frío transmiten elegancia acogedora y discreta. Usa los grises suaves para fondos y márgenes, luego apóyate en el tono profundo para titulares y precios destacados. El marrón-dorado cálido añade un realce elegante para llamados, números de página o reglas gráficas pequeñas. Consejo: mantén la fotografía con temperatura fría para que el color acento parezca intencional y no accidental.

Ejemplo de imagen de lana invernal generado usando media.io

13) Bistró a la Luz de Vela

HEX: #708090 #2B2A2F #E0C097 #F7F1E3 #8C5E3C

Ambiente: íntimo, cálido, elegante

Ideal para: diseño de menú de restaurante

La calidez de las velas sobre piedra oscura se siente íntima y elegante. Usa el tono más profundo para encabezados y divisores del menú, y el cuerpo del texto en el tono crema para facilitar la lectura. Los tonos canela y cacao funcionan bien en íconos, etiquetas dietéticas y bordes sutiles. Consejo: reserva el marrón más cálido para los platos estrella, así los realces parecen seleccionados y no recargados.

Ejemplo de imagen de bistró a la luz de vela generado usando media.io

14) Noche Celestial

HEX: #708090 #0A0F1F #94A3B8 #F8FAFC #F97316

Ambiente: dramático, moderno, enérgico

Ideal para: póster de festival de música

Un ambiente de noche celestial añade dramatismo, con brillos que parecen neón sobre un cielo profundo. Usa el casi negro para el fondo del póster, dejando que el gris pizarra y el gris claro estructuren la jerarquía tipográfica. Un toque de naranja vibrante es perfecto para fechas, información de boletos o un gráfico focal único. Consejo: usa el naranja solo en un peso tipográfico para que se perciba como una señal deliberada.

Ejemplo de imagen de noche celestial generado usando media.io

15) Museo Minimalista

HEX: #708090 #20262E #B8C0CC #FFFFFF #9B8C7A

Ambiente: tranquilo, curado, limpio de galería

Ideal para: señalética para museo

Tonos tranquilos y curados evocan una pared de galería con espacios deliberados. Usa el blanco como campo principal de señalización, y recurre a los tonos oscuros para flechas, números de sala y encabezados legibles. El acento piedra cálido ayuda a destacar muestras especiales sin chocar con las obras. Consejo: elige un solo grosor para los íconos y mantén alto el contraste para legibilidad a distancia.

Ejemplo de imagen de museo minimalista generado usando media.io

16) Sendero de Guijarros

HEX: #708090 #334155 #CBD5E1 #F1F5F9 #22C55E

Ambiente: fresco, limpio, ligeramente lúdico

Ideal para: interfaz de onboarding de app

Guijarros suaves y aire fresco transmiten una energía limpia y ligeramente lúdica. Utiliza los tonos pálidos para pantallas de bienvenida espaciosas y añade el verde como señal positiva para avances, estados de éxito y confirmaciones. El gris oscuro le da base a los títulos y hace resaltar las ilustraciones. Consejo: pon el indicador de progreso en verde solo en el paso activo para que el usuario entienda fácilmente en qué parte está.

Ejemplo de imagen de sendero de guijarros generado usando media.io

17) Deriva de Olivo

HEX: #708090 #2A3D3B #7D8F69 #E6E2D8 #D97706

Ambiente: aventurero, terrenal, equilibrado

Ideal para: banner de ecommerce de artículos para exterior

Tonos enraizados y listos para la aventura, sin ser demasiado rudos. El olivo y verde grisáceo oscuro combinan con fotografía de producto, mientras la arena clara mantiene los banners legibles y abiertos. Usa el naranja cálido como un pequeño gancho visual para descuentos o lanzamientos limitados. Consejo: usa el acento solo detrás de textos cortos para resaltar la oferta sin competir con la foto del producto.

Ejemplo de imagen de deriva de olivo generado usando media.io

18) Tinta y Arena

HEX: #708090 #0F172A #D6D3CD #F9FAFB #2563EB

Ambiente: nítido, moderno, seguro

Ideal para: interfaz de sitio web de portafolio

El contraste de tinta sobre arena suave se siente nítido y moderno, como una página bien compuesta. Esta paleta de gris pizarra es ideal para portafolios donde los proyectos necesitan espacio y la tipografía lleva la narrativa. Combina los azules fríos en secciones neutrales para enlaces y estados hover, reservando el tono más oscuro para navegación y encabezados. Consejo: usa el azul solo en elementos interactivos para que los visitantes reconozcan de inmediato lo que es clicable.

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

19) Lavanda Nublada

HEX: #708090 #2E2A3B #B8B3D6 #F4F3F8 #D4A373

Ambiente: romántico, suave, moderno

Ideal para: set de invitación de boda

La lavanda nublada y el gris suave transmiten romanticismo sin perder modernidad y limpieza. Usa la lavanda clara como fondo principal y la tipografía en un ciruela-gris profundo para una lectura elegante. El marrón cálido añade un toque sutil y festivo en monogramas, bordes o pequeños motivos. Consejo: mantén los elementos decorativos finos y mínimos para que la paleta siga aireada y no demasiado dulce.

Ejemplo de imagen de lavanda nublada generado usando media.io

20) Aula Niebla de Puerto

HEX: #708090 #334E68 #BFD7EA #F0F7FF #F6C453

Ambiente: brillante, amigable, organizado

Ideal para: infografía educativa

Los azules niebla brillantes se sienten amigables y organizados, como una pared de aula tranquila. Utiliza los tonos celeste claro en secciones y recuadros mientras el azul grisáceo oscuro mantiene legibles los títulos y etiquetas. El amarillo soleado funciona bien en datos clave, íconos y realces que dirigen la mirada. Consejo: usa el amarillo en un solo elemento recurrente, como burbujas de llamada, para crear una señal visual consistente.

Ejemplo de imagen de aula niebla de puerto generado usando media.io

21) Contraste Ciruela Ahumada

HEX: #708090 #2B1B2E #A78BFA #EDE9FE #94A3B8

Ambiente: creativo, lujoso, ligeramente melancólico

Ideal para: diseño de portada de libro

La ciruela ahumada y el violeta suave se sienten creativos y lujosos, como tinta al crepúsculo sobre papel texturizado. Usa la ciruela profunda para el fondo o bloque de título y violeta claro para el nombre del autor y detalles pequeños. El gris azul frío mantiene el diseño anclado y evita el exceso de dulzura. Consejo: pon el título principal en una serif de alto contraste y el resto de la tipografía mínima para un final moderno.

Ejemplo de imagen de contraste ciruela ahumada generado usando media.io

¿Qué Colores Combinan con el Gris Pizarra?

El gris pizarra combina sin esfuerzo con neutros cálidos como arena, crema, beige y trigo cuando buscas una apariencia suave y acogedora. Estos tonos “calientan” la base azul-gris sin perder la sensación moderna.

Para un contraste digital nítido, combina gris pizarra con negro casi negro/marino y un blanco limpio, luego añade un acento de alta visibilidad (ámbar, naranja, turquesa o azul eléctrico) para CTAs y estados.

Si buscas una paleta más expresiva, el gris pizarra también funciona bien con pasteles apagados (rosa empolvado, lavanda) y verdes tierra (salvia, olivo), que mantienen el esquema calmado a la vez que aportan personalidad.

Cómo Usar una Paleta de Gris Pizarra en Diseños Reales

Comienza asignando roles: usa un gris pizarra/charcoal oscuro para texto principal y navegación, un tono medio para elementos secundarios de interfaz y grises muy claros para superficies y espaciado. Así mantienes la legibilidad y coherencia entre páginas.

Luego elige una familia de acento y sé consistente. Los acentos cálidos (dorado, albaricoque, cobre) transmiten una sensación premium y amigable, mientras que los fríos (turquesa, celeste, violeta) se sienten más agudos y técnicos.

Por último, prueba el contraste desde el principio—especialmente en botones, etiquetas pequeñas y visualizaciones de datos. El gris pizarra es sutil, así que una jerarquía clara evita que todo se funda en un mismo “agradable gris”.

Crea Visuales de Paleta Gris Pizarra con IA

Si estás creando un moodboard, concepto UI o mockup de empaque, generar visuales basados en paletas te ayuda a validar el ambiente antes de pasar a archivos finales.

Con la herramienta de texto a imagen de Media.io, puedes pegar un prompt (como los ejemplos arriba), especificar la relación de aspecto y probar rápidamente hasta que la luz, materiales y estilo coincidan con tu marca.

Cuando ya tienes una dirección favorita, mantén la base de gris pizarra y solo intercambia el color de acento para explorar variantes sin rediseñar desde cero.

Siguiente: Paleta de colores trigo