Paletas de colores para estudios: 20 opciones, códigos hex y consejos

Una paleta de colores de estudio está diseñada para el control: fondos limpios, contraste intencionado y tonos amigables con la iluminación que mantienen los sujetos y la tipografía nítidos.

A continuación encontrarás paletas de estudio seleccionadas—que van desde neutros cálidos hasta tonos oscuros y acentos brillantes—cada una con códigos HEX y consejos prácticos para branding, UI e impresión.

Por qué funcionan tan bien las paletas de estudio

Las paletas de estudio están diseñadas para una iluminación predecible y una clara separación entre primer plano y fondo, lo que las hace confiables para fotos de producto, pantallas de UI y diseños impresos.

A menudo combinan neutros tranquilos con uno o dos acentos disciplinados, para que puedas controlar la atención: titulares, botones y detalles clave destacan sin que la composición se sienta recargada.

Debido a que estas combinaciones de colores imitan materiales reales (papel, concreto, lino, terciopelo, metal), también funcionan bien en diferentes medios—manteniéndose creíbles en pantalla e impreso.

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

1) Foco Cálido

HEX: #F2C9A0 #D98E6A #A24A3A #3B2F2A #F6F1EA

Ambiente: acogedor y cinematográfico

Mejor para: anuncio de producto para empaque de café artesanal

Calidez acogedora y cinematográfica como un foco tungsteno sobre papel kraft y crema de espresso. Usa los tonos beige y arcilla para el producto principal y ancla el diseño con cacao intenso para los textos y sombras. El crema funciona perfecto para espacio y luz sin volverse frío. Consejo: reserva el marrón más oscuro para detalles pequeños para que el anuncio permanezca rico, no pesado.

Ejemplo de imagen de foco cálido generado con media.io

Media.io

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

Pruébalo Gratis Ahora

2) Concreto y Cromo

HEX: #E6E7EA #B7BCC5 #6F7782 #2B2F36 #C9B18A

Ambiente: industrial y preciso

Mejor para: maqueta de tablero UI 2D

Claridad industrial con la sensación de metal pulido, pisos de concreto y luz dura superior. Estas combinaciones de estudio mantienen las pantallas con muchos datos calmadas pero con contraste suficiente para gráficos y distintivos. Usa carbón para navegación, pizarra para texto secundario y el acento arena para llamadas a la acción. Consejo: reserva el gris más claro para fondos de tarjetas y evita el resplandor en sesiones largas.

Ejemplo de imagen de concreto y cromo generado con media.io

3) Pasteles Softbox

HEX: #F7DCE2 #D9E7F5 #E7F3DF #FFF2CC #6D6A75

Ambiente: ligero y delicado

Mejor para: diseño de invitación de boda en fondo simple

Pasteles aireados que evocan luz softbox filtrada por tela. Elige un pastel líder (rosa o azul claro) y usa los otros para detalles pequeños en flores, bordes o íconos. El violeta ahumado es ideal para tipografía y mantiene el estilo refinado en vez de empalagoso. Consejo: añade mucho espacio en blanco para un resultado premium y sereno.

Ejemplo de imagen de pasteles softbox generado con media.io

4) Notas de Cinta Neón

HEX: #1F1B24 #FF4FD8 #7C5CFF #33D6C4 #F3F3F5

Ambiente: eléctrico y divertido

Mejor para: cartel de evento musical

Energía de club eléctrico con líneas de cinta neón cortando una sala oscura. Mantén el fondo casi negro y deja que el magenta o violeta lidere el titular para un impacto inmediato. El aqua es ideal para detalles secundarios como fecha, lugar o iconografía, mientras que el blanco sucio asegura legibilidad en texto pequeño. Consejo: usa el neón en bloques sólidos, no degradados, para evitar impresiones opacas.

Ejemplo de imagen de notas de cinta neón generado con media.io

5) Negro Mate y Lino

HEX: #121212 #2A2A2A #8A847B #D8D2C7 #F5F2ED

Ambiente: minimalista y editorial

Mejor para: diseño editorial lookbook de moda

Calma editorial minimalista, como tinta negra mate sobre lino texturizado. Usa los dos tonos oscuros para titulares y pies de foto, luego utiliza lino y crema para crear jerarquía silenciosa en las páginas. El topo funciona como separador sutil o fondo para citas sin distraer de la foto. Consejo: mantén márgenes generosos para que los neutros se vean intencionados, no vacíos.

Ejemplo de imagen de negro mate y lino generado con media.io

6) Estudio de Arcilla

HEX: #D1A28F #C36B5B #7A3E36 #F1E5DD #4A5A55

Ambiente: hecho a mano y terrenal

Mejor para: flyer para taller de cerámica

Calidez artesanal que recuerda arcilla húmeda, calor de horno y estantes terrosos de estudio. Permite que los tonos terracota lleven los títulos y detalles, y utiliza el crema empolvado como fondo para mantener el flyer accesible. El verde-gris apagado suma modernidad a íconos o encabezados de secciones. Consejo: combínalo con una serif táctil o grotesca simple para equilibrar artesanía y claridad.

Ejemplo de imagen de estudio de arcilla generado con media.io

7) Verdes de Grano de Película

HEX: #2F3E34 #5C6F5A #A3B18A #E6E0D4 #1C1F1D

Ambiente: orgánico y melancólico

Mejor para: maqueta de logo y papelería eco

Orgánico y melancólico, como sombras de bosque capturadas en película vintage. Usa verdes profundos para el logo y el tono avena pálido para papelería y mantener aire. El salvia medio queda bien en patrones, sellos y texturas sutiles de marca. Consejo: agrega un toque de grano en impresión para reforzar el toque análogo sin perder legibilidad.

Ejemplo de imagen de verdes de grano de película generado con media.io

8) Cabina Hora Azul

HEX: #0F172A #1E3A8A #60A5FA #A7F3D0 #F8FAFC

Ambiente: fresco y moderno

Mejor para: arte de portada de pódcast

Luz fría de la hora azul con un borde moderno, como LEDs en una cabina de grabación tranquila. Para portadas de pódcast, fija el fondo en azul marino y deja que el azul claro destaque el título para contraste inmediato. El color menta es un acento inteligente para episodios o distintivos y el casi blanco mantiene el diseño limpio. Consejo: usa un peso fuerte de texto para asegurar legibilidad como miniatura en esta paleta de estudio.

Ejemplo de imagen de cabina hora azul generado con media.io

9) Circuito Cobre

HEX: #2D1B14 #8C4A2F #C77946 #F2D4B5 #1F2937

Ambiente: cálido y técnico

Mejor para: empaque de producto tecnológico para auriculares

Cálido y técnico, como trazos de cobre bajo una lámpara. Usa el azul carbón oscuro como base para una caja premium, luego suma cobre y caramelo para texto, íconos y detalles. El tono melocotón pálido funciona para embalaje interno o paneles de especificaciones donde necesitas contraste legible. Consejo: aplica cobre solo a detalles para que el empaque se vea costoso sin ser recargado.

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

10) Crema Recortada en Papel

HEX: #FFF7E6 #F1E0C5 #D6B48C #8F7A66 #3D3A37

Ambiente: suave y acogedor

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

Suave y acogedor, como recortes de papel superpuestos en luz cálida de ventana. Construye el menú sobre crema y arena para que la página se sienta amigable, luego usa moca y carbón para los títulos de las secciones y los precios. El tono caramelo medio es perfecto para pequeños iconos o separadores sutiles. Consejo: mantén las fotos en tonos cálidos o monocromo para que se integren naturalmente con la paleta tipo papel.

Ejemplo de imagen de crema recortada en papel generado usando media.io

11) Pizarra y Azafrán

HEX: #2F3946 #44576D #F3C623 #F2F2F2 #C7CEDB

Ambiente: seguro y brillante

Mejor para: pantallas de onboarding para app en 2D

Claridad segura con un toque brillante de azafrán, como un marcador resaltador en un bloc limpio. Estas combinaciones de estudio funcionan muy bien para onboarding donde necesitas estructura calmada y también claridad en el siguiente paso. Usa pizarra para encabezados y texto, gris claro para tarjetas, y azafrán sólo para botones principales e indicadores de progreso. Consejo: limita el amarillo a una acción por pantalla para mantener el enfoque claro.

Ejemplo de imagen de pizarra y azafrán generado usando media.io

12) Fondo de Atardecer

HEX: #FFB085 #FF7A59 #C24D4A #4B2D33 #FFE7DC

Ambiente: enérgico y amigable

Mejor para: plantilla de frase para redes sociales

Enérgico y amigable, como un fondo de atardecer desvaneciéndose detrás de un set. Usa durazno como lienzo principal, luego coloca la frase en ciruela profunda para un contraste marcado y aspecto editorial. Coral y ladrillo son ideales para palabras clave, stickers o acentos que guían la mirada. Consejo: coloca solo una figura de acento por publicación para que el texto sea el protagonista.

Ejemplo de imagen de fondo de atardecer generado usando media.io

13) Taller Monocromático

HEX: #F8F8F8 #D9D9D9 #A6A6A6 #4D4D4D #0F0F0F

Ambiente: limpio y arquitectónico

Mejor para: diseño de portafolio arquitectónico

Restricción arquitectónica y limpia con la sensación de papel de calco y grafito. Usa blanco casi puro para márgenes y espacios negativos, luego recorre los grises para crear jerarquía entre leyendas, etiquetas de proyectos y divisores de sección. El casi negro es mejor reservarlo para encabezados clave y detalles pequeños tipo UI como números de página. Consejo: mantén los bordes de las imágenes claros para que la fotografía luzca nítida en la cuadrícula minimalista.

Ejemplo de imagen de taller monocromático generado usando media.io

14) Fuga de Luz Aqua

HEX: #0B3C49 #1B798E #5FD3BC #E8FFF7 #F6F0FF

Ambiente: fresco y luminoso

Mejor para: anuncio de producto de cuidado facial con fondo limpio

Fresco y luminoso, como una fuga de luz aqua sobre un set de estudio limpio. Usa teal como ancla para la etiqueta del envase o el titular, luego deja que menta y verde hielo den brillo en reflejos y zonas de luz. Un toque leve de lavanda le da un suavidad moderna para paneles de texto secundarios. Consejo: mantén el fondo muy pálido para que el teal se vea saturado y premium.

Ejemplo de imagen de fuga de luz aqua generado usando media.io

15) Terciopelo Vintage

HEX: #3B2230 #6C2B50 #B35B6F #E8C7B7 #F7EFE9

Ambiente: dramático y nostálgico

Mejor para: cartel de obra de teatro

Nostalgia dramática, como cortinas de terciopelo y luces de escenario calentando. Usa ciruela oscuro como base del cartel, luego agrega capas de tonos baya para títulos, nombres del elenco y adornos ornamentales. Rubor y crema suave equilibran el drama y mantienen los detalles legibles desde lejos. Consejo: acompaña con una tipografía con serif alto contraste para enfatizar el aire de teatro clásico.

Ejemplo de imagen de terciopelo vintage generado usando media.io

16) Tiza Digital

HEX: #102A43 #243B53 #829AB1 #D9E2EC #F0F4F8

Ambiente: inteligente y sereno

Mejor para: interfaz de landing page para curso online

Calma inteligente como polvo de tiza en pizarrón azul marino, pero pulido para web. Usa los dos azules profundos para navegación y encabezados, luego integra azul grisáceo brumoso para tarjetas y bloques de características. Los tonos pálidos mantienen el diseño aireado y reducen la fatiga visual en textos largos. Consejo: agrega un solo acento fuerte, como un botón más oscuro, para guiar la llamada principal a la acción en esta paleta de estudio.

Ejemplo de imagen de tiza digital generado usando media.io

17) Escritorio en el Bosque

HEX: #1F2A1F #344E41 #A3B18A #DAD7CD #8D6E63

Ambiente: natural y relajante

Mejor para: arte mural botánico en acuarela

Natural y relajante, como hojas prensadas en un escritorio tranquilo. Deja que los tonos de salvia y avena dominen el papel y las áreas lavadas, luego realza la composición con verdes bosque para tallos y sombras. El marrón apagado aporta calor para etiquetas botánicas o marcos finos. Consejo: mantén bordes suaves y en capas para que la textura acuarela se sienta creíble y calmada.

Ejemplo de imagen de escritorio en el bosque generado usando media.io

18) Escenario Sonoro Melocotón

HEX: #FFD1C1 #FF9F8A #E76F51 #264653 #F4F1DE

Ambiente: audaz y animado

Mejor para: plantilla miniatura para youtube

Audaz y animado, como un escenario iluminado con filtros cálidos. Usa durazno y crema para fondo y zonas de texto, luego enfatiza palabras clave con naranja vivo para dar energía instantánea. El teal oscuro es tu herramienta de contraste para contornos, sombras y pequeños distintivos estilo UI. Consejo: limita el naranja a un solo elemento focal para que la miniatura destaque rápidamente en móviles.

Ejemplo de imagen de escenario sonoro melocotón generado usando media.io

19) Lavanda Gris Silenciosa

HEX: #E9E2F3 #C7C0D8 #8A849E #4B4453 #FAF7FF

Ambiente: relajante e introspectivo

Mejor para: maqueta UI de app de mindfulness

Relajante e introspectivo, como luz crepuscular calmando una habitación. Usa lavanda casi blanca para fondos y paneles modales, luego sube a lila grisáceo para tarjetas y componentes de progreso. El violeta-gris profundo mantiene la tipografía legible sin ser duro. Consejo: mantén el contraste moderado y usa el tono más oscuro solo para acciones primarias para preservar el tono suave.

Ejemplo de imagen de lavanda gris silenciosa generado usando media.io

20) Estudio Blanco Brillante

HEX: #FFFFFF #F3F4F6 #D1D5DB #111827 #EF4444

Ambiente: nítido y seguro

Mejor para: diseño de diapositiva para pitch de startup

Confianza nítida con la sensación de una pared ciclorama brillante e intensa luz principal. Construye las diapositivas en blanco y grises fríos, luego usa casi negro para encabezados para que la presentación sea legible en sala o en Zoom. El rojo único es para un dato, un realce en gráfica o una conclusión clave por diapositiva. Consejo: evita el rojo en texto corrido y úsalo solo como acento direccional.

Ejemplo de imagen de estudio blanco brillante generado usando media.io

¿Qué colores combinan bien con el estudio?

Los tonos de estudio combinan mejor con neutros limpios—blanco, crema, gris frío, carbón—porque imitan fondos comunes y mantienen la luz predecible en fotos, componentes UI y páginas impresas.

Para acentos, elige un color “señal” que se lea rápido (azafrán, coral, menta o rojo) y un tono medio de apoyo (pizarra, topo, salvia). Así logras jerarquía sin saturar.

Si tu proyecto incluye fotografía, iguala la temperatura de la paleta a la iluminación de la imagen: marrones y duraznos cálidos para tungsteno; azules y teal fríos para LED o luz de día.

Cómo usar una paleta de colores de estudio en diseños reales

Comienza con una pareja de fondo (blanco/crema + gris claro), luego define una pareja de texto (casi negro + gris medio). Esto crea una base estable antes de agregar los acentos.

Usa los acentos con intención: botones, enlaces, distintivos, realces en gráficas o un titular de cartel. Repetir el acento en detalles mínimos (iconos, separadores) aporta cohesión a la composición.

Para impresión, prueba contraste y saturación desde el inicio—los neones y tonos profundos pueden cambiar. Mantener un neutro dominante ayuda a que tu paleta de estudio sea consistente entre papeles y acabados.

Crea visuales de paletas de estudio con IA

Si quieres previsualizar cómo luce una paleta de estudio en un cartel, anuncio de producto, pantalla UI o maqueta de empaque, genera primero imágenes conceptuales rápidas y refina después.

Con Media.io, puedes convertir un prompt corto más un ambiente deseado (foco cálido, editorial mate, club neón, etc.) en visuales con tu marca que puedes iterar en minutos.

Usa los prompts anteriores como punto de partida, luego cambia el tema (skincare, café, UI de app) manteniendo el estado de ánimo de la paleta.

Siguiente: Paleta de colores rojizos