Las paletas de colores apagados suavizan los tonos llamativos en matices calmados y modernos que se sienten más acogedores que estridentes. Son perfectas cuando quieres que un diseño luzca elegante, equilibrado y agradable a la vista.
A continuación encontrarás más de 20 ideas de paletas apagadas (con códigos HEX), además de consejos para combinarlas y prompts de IA que puedes usar para generar imágenes a juego en segundos.
En este artículo
- Por Qué Funcionan Tan Bien las Paletas Apagadas
-
- mañana de salvia brumosa
- lino rosa empolvado
- madera flotante costera
- oficina de pizarra suave
- mezcla de topo y champiñón
- lavado de mezclilla vintage
- susurro terracota
- humo de lavanda
- artesanía en papel oliva
- camino de guijarros tranquilos
- pradera otoñal difuminada
- calma de vidrio marino
- estudio de masilla cálida
- ceniza de cacao
- minimalismo cobrizo rubor
- azul gris de día lluvioso
- etiqueta menta antigua
- galería de arenisca
- acuarela rama y piedra
- arcilla albaricoque nublada
- niebla de ciruela al atardecer
- nota coral yesosa
- ¿Qué colores combinan bien con tonos apagados?
- Cómo usar una paleta de colores apagados en diseños reales
- Crea imágenes con paletas apagadas usando IA
Por Qué Funcionan Tan Bien las Paletas Apagadas
Los colores apagados son tonos desaturados que se sienten más suaves y menos intensos que sus versiones completamente saturadas. Esto los hace más fáciles de utilizar en superficies grandes (fondos, tarjetas, empaques) sin cansancio visual.
Además, crean una “jerarquía incorporada” natural: los tintes claros pueden ser tu lienzo, los tonos medios pueden definir secciones, y los matices apagados profundos pueden aportar textos legibles y llamativos CTAs sin verse agresivos.
Debido a que las paletas apagadas a menudo se parecen a materiales del mundo real (lino, piedra, arcilla, follaje), tienden a lucir atemporales y premium—especialmente en branding moderno, UI y tableros de inspiración para interiores.
Más de 20 Ideas de Paletas de Colores Apagados (con Códigos HEX)
1) Mañana de Salvia Brumosa
HEX: #D7DDD3 #B7C1B4 #8F9C8B #6F7B70 #3F4A44
Estado de ánimo: calmado y enraizado
Mejor para: marcas de bienestar y páginas de destino
Los verdes suaves y brumosos evocan una caminata temprana por un jardín botánico tras la lluvia. Usa el tono salvia pálido como fondo y crea jerarquía con los tonos musgo profundo y carbón. Es ideal para bienestar, cuidado de la piel y marcas sostenibles, combinado con espacios blancos y tipografía sencilla. Consejo: mantén el contraste accesible reservando #3F4A44 para textos y botones.
Ejemplo de imagen de mañana de salvia brumosa generado con media.io
Media.io es un estudio de IA en línea para crear y editar video, imagen y audio en tu navegador.
2) Lino Rosa Empolvado
HEX: #E6D6D5 #CFAFAE #B48C8A #8B6D6C #4E3D3D
Estado de ánimo: suave y romántico
Mejor para: invitaciones de boda y papelería
Los neutros rosados suaves evocan tela de lino, pétalos prensados y la luz tranquila de las velas. Deja que los tonos rubor sean el fondo mientras los tonos marrón-rosado funcionan para títulos y separadores. Brilla en invitaciones, menús y recordatorios de boda acompañado de papel marfil cálido y tipografía con serifas. Consejo: imprime una pequeña muestra primero, ya que #CFAFAE puede verse más cálido según el papel.
Ejemplo de imagen de lino rosa empolvado generado con media.io
3) Madera Flotante Costera
HEX: #E1D8CC #C8B9A7 #A59380 #7C6E60 #3E3832
Estado de ánimo: cálido y desgastado
Mejor para: tableros de inspiración para interiores
Los marrones cálidos y deslavados evocan madera flotante, arena y texturas tejidas. Usa el beige cremoso en superficies grandes y superpón los tonos medios para dar profundidad en muebles y materiales. Ideal para interiores, catálogos de estilo de vida y hoteles boutique combinado con herrajes en negro mate y fotografía con luz natural. Consejo: aplica primero textura y después color, así la paleta se mantiene aireada y no plana.
Ejemplo de imagen de madera flotante costera generado con media.io
4) Oficina de Pizarra Suave
HEX: #D5D8DD #B3BAC4 #8C95A3 #616B78 #2F3742
Estado de ánimo: profesional y fresco
Mejor para: UI para dashboard de SaaS
Los azules pizarra fríos se sienten nítidos como un horizonte vidrioso en un día nublado. Crea una interfaz limpia usando el gris azulado claro como lienzo y los tonos pizarra más oscuros para la navegación y gráficos. Es ideal para productos B2B, herramientas analíticas y layouts para fintech con iconografía mínima y espacios claros. Consejo: reserva #2F3742 para etiquetas clave y mantén legibles tus gráficos.
Ejemplo de imagen de oficina de pizarra suave generado con media.io
5) Mezcla de Topo y Champiñón
HEX: #E3DED6 #C9C0B5 #A79A8D #7B6E63 #3C342F
Estado de ánimo: neutro y acogedor
Mejor para: diseño de empaque minimalista
Los tonos topo y marrones champiñón evocan cerámica, leche de avena y tejidos suaves. Usa el beige claro como base y el topo medio para paneles y bloques de ingredientes. Funciona para café, velas y productos de despensa combinado con papel sin recubrimiento e íconos lineales simples. Consejo: añade un solo sello oscuro en #3C342F para un acabado premium.
Ejemplo de imagen de mezcla de topo y champiñón generado con media.io
6) Lavado de Mezclilla Vintage
HEX: #D9DEE4 #B8C2CE #8D9DAF #607286 #2F3D4A
Estado de ánimo: relajado y atemporal
Mejor para: pantallas de bienvenida de apps
Los azules mezclilla relajados sugieren chaquetas usadas, aguas tranquilas y clásicos familiares. Esta paleta apagada es excelente para flujos de ingreso donde buscas generar confianza sin parecer demasiado corporativo. Combina los azules claros con espacio en blanco y usa el azul marino-gris oscuro para CTAs principales y títulos. Consejo: mantén las ilustraciones simples para que #8D9DAF sea el ancla visual y no compita con los detalles.
Ejemplo de imagen de lavado de mezclilla vintage generado con media.io
7) Susurro Terracota
HEX: #E6D8CF #D0B1A3 #B98576 #8E5E53 #4B2F2B
Estado de ánimo: cálido y artesanal
Mejor para: diseño de menú para restaurante
Los tonos cálidos de arcilla evocan cerámica hecha a mano, hornos de ladrillo y paredes de yeso bañadas por el sol. Usa el fondo melocotón pálido en el fondo del menú y la terracota intensa para encabezados y divisores. Ideal para marcas mediterráneas, panaderías y del campo a la mesa acompañado de texturas kraft o grano sutil. Consejo: resalta los especiales con bloques #B98576 para que destaquen sin gritar.
Ejemplo de imagen de susurro terracota generado con media.io
8) Humo de Lavanda
HEX: #E3DEE8 #C7BDD4 #A493B7 #756884 #3B3443
Estado de ánimo: onírico y moderno
Mejor para: anuncio de producto de belleza
Los grises lavanda evocan bruma crepuscular y fotografía de enfoque suave. Deja que el lila claro sirva de fondo mientras el púrpura ahumado da profundidad a títulos y sombras. Funciona en anuncios de belleza y fragancias acompañado de reflejos brillantes y copy minimalista. Consejo: mantén un producto principal en empaque neutro para que el púrpura sea el ambiente, no la distracción.
Ejemplo de imagen de humo de lavanda generado con media.io
9) Artesanía en Papel Oliva
HEX: #E2E0D3 #C5C3A2 #A2A27A #6F7251 #3A3C2A
Estado de ánimo: terroso y artesanal
Mejor para:diseño de etiqueta ecológica
Las tonalidades de oliva terroso y pasto seco evocan papel reciclado, manojos de hierbas y campos soleados. Utiliza el tono crema para espacios negativos y aplica el tono oliva medio para insignias y destacados de ingredientes. Funcionan para etiquetas ecológicas y productos artesanales cuando se combinan con íconos sencillos y una textura de papel táctil. Consejo: imprime el verde más oscuro con moderación para mantener el aspecto ligero y natural.
Ejemplo de imagen de manualidades en papel oliva generado usando media.io
10) Camino de guijarros tranquilo
HEX:#E4E2DE #C9C7C2 #A4A29C #74726C #3A3936
Estado de ánimo:mínimo y equilibrado
Mejor para:sitio web de portafolio
Los grises minimalistas de guijarro se sienten como senderos de piedra, sombras suaves y muros de galería. Usa el gris más claro como fondo de página y avanza por los grises medios en tarjetas, bordes y divisores sutiles. Es ideal para portafolios y estudios de arquitectura junto a imágenes grandes y un ritmo tipográfico ajustado. Consejo: usa #3A3936 para enlaces y estados hover para mantener señales de foco claras.
Ejemplo de imagen de camino de guijarros tranquilo generado usando media.io
11) Pradera otoñal desvanecida
HEX:#E6E0D2 #D2C4A1 #B8A36F #7D6B4A #3E3326
Estado de ánimo:rústico y soleado
Mejor para:publicaciones sociales de temporada
Los campos dorados rústicos y hojas secas se reflejan en estos amarillos y marrones suavizados. Usa el crema pálido para fondos y el ocre como acento principal para pegatinas, leyendas y destacados. Funciona para campañas de temporada, cafés y artesanos junto a fotografía cálida y un toque de grano. Consejo: mantén el texto en marrón profundo para que tus publicaciones sean legibles en móviles.
Ejemplo de imagen de pradera otoñal desvanecida generado usando media.io
12) Calma de vidrio marino
HEX:#DCE7E5 #B8D0CD #86AFA9 #5E827D #2F4543
Estado de ánimo:fresco y relajante
Mejor para:diseño de folleto de spa
Los verdes de vidrio marino fresco evocan tesoros de la costa y reflejos del agua fría. Usa el aqua claro como fondo espacioso, luego añade teal para títulos, íconos y destacados tranquilos. Son ideales para folletos de spa y marcas de autocuidado junto a degradados suaves y fotos aireadas. Consejo: mantén los íconos delgados y consistentes para que la paleta luzca limpia y no desordenada.
Ejemplo de imagen de calma de vidrio marino generado usando media.io
13) Estudio Putty Cálido
HEX:#E8E1D7 #D2C6B7 #B2A08E #7C6D5F #403830
Estado de ánimo:estudio neutro y cálido
Mejor para:fondos de fotografía de producto
Los neutros cálidos de putty evocan una esquina tranquila de estudio con muros de yeso y lámparas suaves. Usa el tono más claro como fondo y el tono medio de putty para props que añaden profundidad sin llamar la atención. Ideales para fotografía de producto, cerámica y productos hechos a mano junto a sombras suaves y materiales naturales. Consejo: usa el marrón más oscuro solo para detalles pequeños como logotipos o sellos.
Ejemplo de imagen de estudio putty cálido generado usando media.io
14) Ceniza de cacao
HEX:#E2DCD6 #C3B6AE #9D8A81 #6D5B55 #352A27
Estado de ánimo:sofisticado e intenso
Mejor para:identidad de marca de café
Los marrones intensos de cacao evocan crema de espresso, azúcar tostado y tostados ahumados. Usa el beige pálido para espacio de empaque y los marrones ricos para logotipos y patrones. Ideal para cafeterías y tostadores junto a papel crema y un motivo geométrico sencillo. Consejo: usa texto secundario en #6D5B55 para mantener la jerarquía clara sin demasiado contraste.
Ejemplo de imagen de ceniza de cacao generado usando media.io
15) Cobre rosado minimalista
HEX:#E9DAD6 #D6B8B0 #BA8E84 #8A5F57 #3F2B29
Estado de ánimo:elegante y cálido
Mejor para:diseño de cartel minimalista
Los marrones rubor elegantes recuerdan pátina de cobre, cuero suave y luz vespertina. Utiliza el rubor claro como fondo del cartel y crea estructura con los tonos medios para bloques de formas y texto. Adecuado para carteles minimalistas y anuncios de eventos junto a mucho espacio y un peso tipográfico contundente. Consejo: mantén las imágenes monocromáticas para que los acentos cálidos sigan siendo coherentes.
Ejemplo de imagen de cobre rosado minimalista generado usando media.io
16) Día lluvioso azul-gris
HEX:#DEE3E8 #C2CCD7 #9AA8B8 #6A7A8D #2F3944
Estado de ánimo:tranquilo y confiable
Mejor para:diseño de informe anual
Los azules y grises tranquilos evocan ventanas lluviosas, cuadernos y concentración calmada. Usa el azul grisáceo claro para los fondos de página y el tono medio acero para gráficos y destacados. Funciona en informes anuales y storytelling corporativo junto a márgenes generosos y conjuntos de íconos sobrios. Consejo: estandariza tus colores de gráficos a dos tonos para que los datos sean claros.
Ejemplo de imagen de día lluvioso azul-gris generado usando media.io
17) Etiqueta de menta antigua
HEX:#DDE7E0 #BFD2C6 #90AE9E #637C70 #2F3E37
Estado de ánimo:limpio y vintage
Mejor para:empaque de etiqueta de botica
Las mentas antiguas limpias evocan botellas de vidrio, tinturas de hierbas y estantes de farmacia antiguos. Usa el menta pálido como base de etiqueta y los verdes oscuros para bordes, sellos y listas de ingredientes. Funciona para empaques de botica junto a tipografía con serif y ilustraciones de línea delicadas. Consejo: añade un pequeño margen crema para que los tonos verdes no se vean demasiado fríos en impresión.
Ejemplo de imagen de etiqueta de menta antigua generado usando media.io
18) Galería de arenisca
HEX:#EFE7DC #D8C7B4 #B9A28C #8A6F5B #3F332B
Estado de ánimo:artístico y aireado
Mejor para:diseño editorial de revista
Los neutros de arenisca artísticos recuerdan salones de museo, marcos mates y focos suaves. Usa el tono crema para el espacio negativo y el tono arena medio para leyendas, reglas y bloques pequeños. Es ideal para diseño editorial junto a fotografía en blanco y negro y titulares refinados con serif. Consejo: limita el uso de acentos al 10% para que el diseño siga limpio y de galería.
Ejemplo de imagen de galería de arenisca generado usando media.io
19) Acuarela de rama y piedra
HEX:#E6E6DD #C7D0C0 #A2B39A #7C8C7A #404C44
Estado de ánimo:botánico y delicado
Mejor para:ilustración botánica en acuarela
Los verdes suaves y neutros de piedra recuerdan hierbas prensadas y lavados en acuarela. Usa el gris-verde pálido como tono de papel y construye hojas con el sage medio para profundidad natural. Funciona en series de ilustraciones de primavera y encabezados de blog junto a líneas sueltas a tinta y mucho aire. Consejo: mantén las sombras sutiles mezclando #7C8C7A con agua en vez de usar directamente el verde más oscuro.
Ejemplo de imagen de acuarela de rama y piedra generado usando media.io
20) Arcilla albaricoque nublado
HEX:#F0E1D6 #E0C0A9 #CFA38B #A47560 #4A2F26
Estado de ánimo:acogedor y cálido suave
Mejor para:diseño de volante para evento
Los tonos acogedores de barro albaricoque evocan atardeceres suaves, baldosas de terracota y espacios comunitarios acogedores. Usa el melocotón pálido como fondo del volante y la arcilla media para formas que guían la mirada. Estas combinaciones apagadas funcionan en talleres y eventos temporales junto a íconos simples y texto audaz y legible. Consejo: coloca todo el texto principal en #4A2F26 para evitar bajo contraste en fondos cálidos.
Ejemplo de imagen de arcilla albaricoque nublado generado usando media.io
21) Atardecer niebla ciruela
HEX:#E3DDE4 #C6B4C2 #A089A0 #6C546F #362A37
Estado de ánimo:intenso y creativo
Mejor para:panel de inspiración de marca
La bruma ciruela intensa evoca calles al atardecer, texturas aterciopeladas y reflejos de neón suaves. Usa el lila-gris claro como base de tu panel y añade ciruela a títulos, muestras y elementos destacados. Estas combinaciones apagadas son ideales para estudios creativos junto a fotografía monocromática y una sola sans-serif limpia. Consejo: usa el tono más oscuro solo para anclas como logotipos para mantener una sensación sofisticada.
Ejemplo de imagen de atardecer niebla ciruela generado usando media.io
22) Coral empolvado
HEX:#F0DCD8 #E1B8B1 #C99089 #9A6662 #4A2F2F
Estado de ánimo:amigable y discreto
Mejor para:interfaz de app para toma de notas
Los corales rosados amables lucen empolvados y suaves, como papelería bien usada o papel tintado. Usa el rubor claro como lienzo principal y el coral polvoriento para etiquetas, interruptores y destacados sutiles. Es ideal para apps de notas y productividad junto a íconos limpios y mucho interlineado. Consejo: usa #4A2F2F para texto principal para mantener la interfaz nítida en fondos rosados pálidos.
Ejemplo de imagen de coral empolvado generado usando media.io
¿Qué colores combinan bien con tonos apagados?
Las paletas apagadas combinan naturalmente con neutros cálidos (marfil, avena, arenisca) y neutros fríos (gris niebla, azul-gris, carbón). Estos tonos de apoyo mantienen el diseño general tranquilo, pero estructurado.
Para acentos, elige un tono apagado más profundo (como pizarra, musgo o cacao) para botones y etiquetas clave. Si quieres un poco de energía, suma un toque mínimo de un color más limpio (mostaza, teal, terracota), pero mantenlo bajo para que la paleta siga siendo “principalmente apagada”.
En interfaces y branding, el contraste importa: usa tu color más oscuro para textos y estados interactivos, y deja los tonos medios para bordes, chips y superficies secundarias.
Cómo usar una paleta de colores apagados en diseños reales
Comienza con un tinte apagado claro como base (fondos, papel o superficies principales). Luego asigna un tono medio para bloques (tarjetas, paneles de sección) y un tono oscuro para tipografía y llamadas a la acción.
Los colores apagados brillan con textura: grano, lino, papel reciclado, sombras suaves y acabados mate hacen que la paleta luzca intencional y no deslavada. En productos digitales, degradados sutiles y divisores de bajo contraste pueden aportar profundidad sin generar ruido.
Para mantener los diseños limpios, limita el uso a 2 o 3 colores activos por pantalla o página y deja que el resto actúe como neutros. Esto mantiene el ambiente consistente entre componentes, fotos e ilustraciones.
Crea imágenes con paletas apagadas usando IA
Si ya tienes códigos HEX, puedes generar escenas de marca, simulaciones de interfaz, carteles y conceptos de empaque simplemente describiendo la disposición y especificando tu paleta como colores dominantes y de acento.
Para mejores resultados, menciona el tipo de diseño (por ejemplo, “interfaz de panel de control”, “invitación de boda”, “foto de producto de estudio”), indica 2 colores dominantes, 1 o 2 colores de acento y el color más oscuro para el texto. Luego, establece una relación de aspecto que coincida con el resultado final.
Preguntas frecuentes sobre paletas de colores apagados
-
¿Qué es una paleta de colores apagados?
Una paleta de colores apagados utiliza tonos desaturados (de menor intensidad) que se perciben más suaves y tranquilos que los colores brillantes, a menudo inclinándose hacia variantes terrosas, polvorientas o ahumadas. -
¿Son los colores apagados lo mismo que los colores pastel?
No exactamente. Los colores pastel suelen ser más claros (con más blanco añadido), mientras que los colores apagados están principalmente desaturados (menos saturación). Muchas paletas apagadas incluyen tonos medios y oscuros, no solo matices claros. -
¿Cómo evito que los diseños apagados se vean “lavados”?
Utiliza un tono oscuro claro para el texto/llamados a la acción, agrega textura suave (grano, papel, sombras) y limita el uso de tonos medios para que haya suficiente separación entre el fondo, los componentes y la tipografía. -
¿Qué colores apagados funcionan mejor para marcas modernas?
Los verdes salvia, azules grisáceos, taupes y arcillas terracota son populares porque se perciben naturales, premium y versátiles en empaques, diseño web y plantillas para redes sociales. -
¿Cuántos colores debo usar en una paleta de UI apagada?
Como punto de inicio: 1 tono claro para fondo, 1 color medio para superficies, 1 o 2 acentos para resaltar y 1 color oscuro para textos y botones principales. -
¿Las paletas apagadas se imprimen bien?
Sí, pero pueden variar según el papel y la tinta. Siempre realiza una prueba pequeña y considera añadir un margen crema o un neutro más cálido para evitar que los tonos apagados fríos se vean planos. -
¿Puede Media.io ayudarme a visualizar conceptos de paletas apagadas?
Sí. Puedes usar la herramienta de texto a imagen de Media.io para generar carteles, simulaciones de marca, pantallas de UI y escenas de producto incluyendo tus códigos HEX y describiendo la disposición y el ambiente.
Siguiente: Paleta de colores naranja y amarillo
