20 ideas de paletas de colores rosa y gris con códigos hexadecimales

El rosa y el gris son una de esas combinaciones poco comunes que resultan tanto suaves como estructuradas. El rosa aporta calidez y el gris claridad, lo que hace que las composiciones se vean intencionadas y no excesivamente dulzonas.

A continuación encontrarás 20 ideas modernas de paletas de colores rosa y gris con códigos HEX, además de consejos prácticos para utilizarlas en branding, interfaces, packaging y decoración.

Por qué funcionan tan bien las paletas rosa-gris

El rosa aporta un tono humano y emocional—amistoso, calmante, romántico o atrevido—dependiendo de la saturación. El gris añade contención y estructura, por lo que el resultado se siente moderno en lugar de infantil.

Este equilibrio es especialmente útil en el diseño digital: el rosa puede resaltar acciones o estados, mientras que el gris se encarga de la estructura, la tipografía y la navegación. Así logras jerarquía clara sin tener que recurrir a contrastes blanco y negro fuertes.

En impresión y decoración, el rosa suaviza las superficies duras (piedra, metal, hormigón) y el gris mantiene la paleta con los pies en la tierra. El resultado es un neutro calmado y “diseñado” pero con personalidad.

20+ Ideas de paletas de colores rosa-gris (con códigos HEX)

1) Hormigón Rubor

HEX: #F2B6C6 #E9DDE1 #B9B1B5 #6F6A70 #2E2C31

Ambiente: calmado, urbano, pulido

Ideal para: branding de belleza o bienestar, publicaciones minimalistas

Calma y estilo citadino, esta mezcla recuerda al pintalabios rosado sobre hormigón liso. Usa el rosa pálido y el blanco cálido para espacios negativos generosos, y apóyate en los grises medios para tipografía y estructura. El carbón funciona mejor como ancla para logotipos o encabezados. Consejo: Mantén el rubor en pequeños toques para conservar la sofisticación del diseño.

Ejemplo de imagen de hormigón rubor generado con media.io

Media.io

Media.io es un estudio online de IA para crear y editar video, imagen y audio desde tu navegador.

Pruébalo gratis ahora

2) Niebla de Cuarzo Rosa

HEX: #F7C8D0 #F4EFF1 #CFC8CD #8D8890 #4B474F

Ambiente: aireado, suave, romántico

Ideal para: invitaciones de boda, landing pages de cuidado de la piel

Aireado y romántico, evoca el cuarzo rosa brillando entre la niebla matinal. Usa los casi blancos y rosados para los fondos, luego introduce los grises suaves para divisores, íconos y texto secundario. Un grafito más profundo mantiene los CTAs y encabezados legibles sin que sean duros. Consejo: combina con una serif cálida y una sans fina para mantener la suavidad.

Ejemplo de imagen de niebla de cuarzo rosa generado con media.io

3) Peonía Pizarra

HEX: #EFA2B5 #D9C6CD #A9A2A9 #5C5960 #2B2A2F

Ambiente: moderno, seguro, editorial

Ideal para: layouts de revistas, lookbooks de moda

Moderna y editorial, se siente como pétalos de peonía sobre pizarra fría. Usa el gris medio como base para el diseño y el rosa luminoso para citas destacadas, botones o acentos. El neutral suave acompaña la fotografía sin distorsionar tonos de piel. Consejo: reserva el tono más oscuro sólo para el texto y deja que el rosa cuente la historia.

Ejemplo de imagen de peonía pizarra generado con media.io

4) Humo de Ballet

HEX: #F6B2C1 #F2DEE3 #BEB3B8 #7C757B #3A363C

Ambiente: elegante, apagado, refinado

Ideal para: branding de estudios de danza, interfaces femeninas

Elegante y apaciguado, evoca zapatillas de satén perdiéndose entre el humo del escenario. Esta paleta funciona mejor usando el rubor como color principal y los grises ahumados para navegación, líneas y microtextos. Agrega los casi blancos para crear fondos suaves y evitar que la interfaz se sienta pesada. Consejo: utiliza el tono oscuro en el texto principal para asegurar la accesibilidad.

Ejemplo de imagen de humo de ballet generado con media.io

5) Frambuesa Grafito

HEX: #D94B72 #F2B8C7 #C9C2C7 #6E6A70 #1F1F24

Ambiente: atrevido, chic, alto contraste

Ideal para: anuncios de productos, banners promocionales

Atrevido y elegante, recuerda al lacado de frambuesa sobre un escritorio de grafito. Usa el rosa intenso con moderación para CTAs de alto impacto, etiquetas de precio o elementos clave. El rubor suave mantiene los fondos y degradados cálidos, mientras los grises aportan contraste y estructura. Consejo: reserva el casi negro para el texto y siluetas de producto para evitar medios tonos apagados.

Ejemplo de imagen de frambuesa grafito generado con media.io

6) Malva Minimalista

HEX: #C88A9B #F3E7EA #D0C7CB #9A9297 #544E55

Ambiente: minimalista, acogedor, discreto

Ideal para: portafolios web, sets de papelería

Minimalista y acogedora, evoca prendas de punto malva junto a piedra lisa. Comienza con el rubor cremoso de fondo, luego superpone los grises claros y medios para tarjetas y bordes sutiles. El malva funciona bien en íconos, estados de hover y pequeños acentos sin robar atención. Consejo: mantén el contraste usando el gris más profundo en títulos grandes.

Ejemplo de imagen de malva minimalista generado con media.io

7) Cemento Rosa Vintage

HEX: #E3A7B1 #EAD8DB #B8AEB1 #80797D #3E3A3E

Ambiente: vintage, cálido, con carácter

Ideal para: menús de cafetería, marca de estilo de vida

Vintage y con carácter, parece pintalabios desteñido sobre una pared de cemento. Los rubores cálidos dan a menús y etiquetas un aire acogedor, mientras los grises mantienen todo ordenado y legible. Usa el gris medio para texto de cuerpo y el más oscuro para títulos o sellos. Consejo: añade mucho espacio y deja que la paleta transmita nostalgia sin texturas adicionales.

Ejemplo de imagen de cemento rosa vintage generado con media.io

8) Sakura Acero

HEX: #F4AFC0 #F6EDF0 #C6C8CE #7A7F8A #2E3340

Ambiente: fresco, frío, contemporáneo

Ideal para: dashboards SaaS, marca tecnológica

Fresca y fría, recuerda flores de sakura sobre acero pulido. Esta paleta rosa-gris es ideal para UIs con muchos datos: usa los tonos pálidos para paneles y los grises acero para gráficos, ejes y etiquetas. El azul grisáceo más profundo funciona bien en texto sin perder modernidad. Consejo: usa el rosa solo en alertas, etiquetas o estados seleccionados para aportar claridad inmediata.

Ejemplo de imagen de sakura acero generado con media.io

9) Arcilla Rosa Niebla

HEX: #DFA1A9 #F1E4E5 #C8BDBE #8C8586 #4A4345

Ambiente: terroso, calmado, táctil

Ideal para: moodboards de interiorismo, tiendas de cerámica

Terrosa y serena, recuerda arcilla rosa secándose en un estudio tranquilo. El rubor empolvado es ideal para superficies grandes mientras los neutros neblinosos mantienen el resto sutil. Usa el gris oscuro para marcos, etiquetas y nombres de producto para que todo se mantenga nítido. Consejo: combínalo con materiales naturales como lino, roble y piedra mate para una apariencia honesta y táctil.

Ejemplo de imagen de niebla de arcilla rosa generado con media.io

10) Berry Ash

HEX: #B84B67 #F0BBC8 #D7D0D3 #9D959B #2C2A2F

Ambiente: intenso, estilizado, dramático

Ideal para: carteles de eventos nocturnos, campañas de boutique

Intenso y estilizado, se asemeja a vino de bayas derramado sobre ceniza fría. Usa el berry profundo para titulares llamativos, iconos o elementos clave. El rosa más suave crea un degradado fluido, mientras que los grises ceniza ayudan a organizar diseños recargados. Consejo: limita el casi negro a tipografía y líneas delgadas para no opacar el berry.

Ejemplo de imagen de berry ash generado con media.io

11) Rosado Empolvado Peltre

HEX: #D6A0AC #F3E6E9 #C9C1C6 #7E7A80 #3B3940

Ambiente: atemporal, suave, equilibrado

Ideal para: blogs editoriales, etiquetas de empaque

Atemporal y equilibrado, recuerda a rosas secas y peltre suavemente envejecido. El rubor claro es ideal para fondos que favorecen la fotografía de producto, mientras que los grises peltre mantienen la tipografía legible y tranquila. Usa el gris medio para textos y el tono más profundo para logos. Consejo: añade un toque de rubor en separadores e iconos para unificar.

Ejemplo de imagen de rosado empolvado peltre generado con media.io

12) Carbón Flamenco

HEX: #FF6F91 #F7C3D1 #D5CED3 #6A646B #1E1C22

Ambiente: divertido, llamativo, moderno

Ideal para: anuncios sociales, pantallas de bienvenida de apps

Divertido y vibrante, se siente como una pluma de flamenco sobre carbón limpio. Esta paleta rosa-gris es ideal cuando quieres energía sin neón excesivo: usa el rosa intenso para momentos clave y deja que el rubor suavice las transiciones. Los grises mantienen el sistema coherente en pantallas y componentes. Consejo: limita el rosa intenso a una acción por pantalla para que la jerarquía sea clara.

Ejemplo de imagen de carbón flamenco generado con media.io

13) Piedra Algodón de Azúcar

HEX: #F8AFC6 #FCE8EF #D8D0D5 #A29AA0 #565058

Ambiente: dulce, ligera, amigable

Ideal para: invitaciones para fiestas infantiles, marcas lúdicas

Dulce y ligera, aporta la suavidad del algodón de azúcar con una base frescamente neutra. Usa el rosa pálido para grandes áreas de fondo y el más profundo para iconos o titulares. Los grises evitan que sea demasiado tierno, especialmente en tipografía y cuadrículas. Consejo: combina con tipografías redondeadas y formas simples para mantener el tono amigable.

Ejemplo de imagen de piedra algodón de azúcar generado con media.io

14) Orquídea Aluminio

HEX: #D07CA2 #F2D7E6 #C9CAD0 #80838E #2E3140

Ambiente: elegante, creativo, tecnológico

Ideal para: UI de herramientas creativas, pitch decks para startups

Elegante y creativo, se siente como tinta de orquídea sobre aluminio cepillado. El lavanda-rosado es sofisticado en acentos, estados de selección y gráficos clave. Los grises de aluminio mantienen limpias diapositivas e interfaces, especialmente detrás de capturas y diagramas. Consejo: usa el tono más oscuro para títulos y reserva el orquídea para énfasis, no para texto extenso.

Ejemplo de imagen de orquídea aluminio generado con media.io

15) Granito Rosa Antiguo

HEX: #C7848D #F0DEE0 #BEB2B4 #7A7073 #3A3336

Ambiente: clásico, refinado, acogedor

Ideal para: branding de hoteles boutique, papelería impresa

Clásico y refinado, evoca rosas antiguas prensadas en granito. Usa el rubor claro como tono papel y crea jerarquía con los dos grises medios en reglas, pies de foto e información secundaria. El granito profundo funciona bien en monogramas y títulos elegantes. Consejo: aquí importa la impresión, así que suaviza ligeramente el tono más oscuro en vez de usar negro puro.

Ejemplo de imagen de granito rosa antiguo generado con media.io

16) Rosa Neón y Acero Oscuro

HEX: #FF3E7A #FFB3C8 #C9C4C8 #5E5A62 #18171C

Ambiente: atrevido, energético, nocturno

Ideal para: promos musicales, lanzamientos streetwear

Atrevido y energético, parece letreros de neón brillando sobre acero. Mantén el rosa neón en tipografía clave y pequeños elementos gráficos para que luzca premium, no chillón. El rosa pálido suaviza degradados y brillos, mientras los grises dan base a la composición. Consejo: usa mucho espacio negro y deja que el neón aparezca en toques cortos y marcados.

Ejemplo de imagen de rosa neón y acero oscuro generado con media.io

17) Plata Pétalo Suave

HEX: #F2A9B9 #F8EEF1 #D7D7DC #9B9BA3 #4A4A52

Ambiente: limpio, relajante, brillante

Ideal para: sitios de spa médico, fichas de producto limpias

Limpio y relajante, se siente como pétalos suaves esparcidos sobre plata fresca. Usa el rubor pálido como matiz de fondo y apóyate en los grises plata para campos de formulario, bordes y estructura de la UI. El gris más oscuro mantiene etiquetas y legales legibles sin ser severo. Consejo: un ligero degradado de rubor a blanco añade profundidad sin recargar.

Ejemplo de imagen de plata pétalo suave generado con media.io

18) Rubor Cálido y Gris Frío

HEX: #E8A1AE #F5E3E7 #D0D3D9 #8A909A #313540

Ambiente: equilibrado, moderno, versátil

Ideal para: renovaciones corporativas, presentaciones

Equilibrada y versátil, mezcla rubor cálido con grises fríos de oficina. El contraste entre rosa suave y gris azulado da modernidad a gráficos, iconos y destacados sin ser tendencia efímera. Mantén fondos claros y utiliza el gris más oscuro para títulos y cifras clave. Consejo: usa rubor siempre con el mismo significado, como destacados o positivos, en todas las diapositivas.

Ejemplo de imagen de rubor cálido y gris frío generado con media.io

19) Sombra de Palo de Rosa

HEX: #A24A5A #E9B7C0 #C7BEC2 #7B747A #241F24

Ambiente: rico, íntimo, lujoso

Ideal para: empaque premium, overlays fotográficos boutique

Rico e íntimo, aporta calidez palo rosa sobre una base oscura y profunda. Usa el palo rosa oscuro como acento en etiquetas, sellos o pequeños patrones. El rosa pálido apoya degradados suaves y los grises mantienen la tipografía neutral y elegante. Consejo: acabados mate y detalles en foil mínimos lucen especialmente bien con estos tonos intensos.

Ejemplo de imagen de sombra de palo de rosa generado con media.io

20) Tormenta Escarcha Rosa

HEX: #F7B7C7 #FBF3F6 #D7DCE4 #8B94A3 #2B313B

Ambiente: fresco, invernal, moderno

Ideal para: campañas de temporada, plantillas de newsletter

Fresco e invernal, se siente como escarcha rosa posada sobre cielo tormentoso. El casi blanco helado mantiene los diseños luminosos, mientras los grises azulados añaden un toque contemporáneo. En combinaciones rosa-gris para email, usa rubor para botones y encabezados de sección, dejando el texto principal en gris pizarra. Consejo: agrega un borde fino en gris claro para separar módulos sin recargar.

Ejemplo de imagen de tormenta escarcha rosa generado con media.io

¿Qué colores combinan bien con rosa y gris?

El azul marino es el complemento natural del rosa y gris porque aporta autoridad y profundidad sin endurecer la paleta. Los acentos navy también hacen que el rosa se vea más maduro y preparado para marca.

Los neutros cálidos como crema, arena o topo suave pueden hacer que los esquemas rosa-gris resulten más acogedores, especialmente en packaging o decoración de interiores. Si quieres un aspecto más limpio y frío, prueba blanco y grises azul acero.

Para más contraste, pequeños toques metálicos (plata, cromo, oro mate) o tonos profundos (negra cereza, espresso) funcionan bien—sólo úsalos como acentos para mantener la base tranquila.

Cómo usar una paleta de colores rosa-gris en diseños reales

En UI, usa el gris como color base para fondos, tarjetas, bordes y tipografía. Luego asigna un único rol al rosa—CTA principal, estados seleccionados o destacados—para que el usuario entienda su función en toda la interfaz.

Para branding e impresión, comienza con un rubor claro o blanco roto como base “papel” y usa grises medios a oscuros para legibilidad. Así logras logotipos y layouts nítidos pero suaves.

En decoración y moodboards, el tamaño importa: aplica rosa en grandes superficies suaves (pintura, textiles) y deja que el gris defina bordes duros (metal, piedra, marcos). Así evitas un efecto excesivamente dulce.

Crea visuales de paletas rosa-gris con IA

Si quieres ver cómo luce una paleta rosa-gris en un póster, mockup de UI, invitación o foto de producto, genera imágenes conceptuales rápidas antes del diseño final.

Con la herramienta de texto a imagen de Media.io, puedes pegar un prompt, describir el estilo del layout e iterar hasta que el contraste y la sensación sean las apropiadas—luego usa el mejor resultado como referencia para tu diseño real.

Siguiente: Paleta de colores azul oscuro