Colores Drab Modernos: 21 Paletas y Códigos Hex para Inspiración

Lo apagado no significa aburrido: es una mezcla moderna de oliva tenue, caqui y neutros terrosos que transmiten calma, solidez y un aire de discreto refinamiento.

A continuación encontrarás ideas de paletas de colores neutros listas para usar con códigos HEX, además de consejos prácticos para branding, interiores y UI que buscan sobriedad sin parecer planos.

Por qué funcionan tan bien las paletas apagadas

Las paletas apagadas se sitúan en el “silencio medio” del color: olivas de baja saturación, caquis, grises piedra y marrones de lona. Este rango atenuado reduce el ruido visual, haciendo que los layouts se sientan firmes y cuidadosamente diseñados.

Dado que los tonos apagados son naturalmente similares en valor, crean una jerarquía fluida y profundidad suave; ideal para interfaces, composiciones editoriales y empaques donde legibilidad y contención importan.

Bien aplicado, lo apagado resulta moderno y sofisticado, no deslavado. La clave es el contraste intencional (texto oscuro sobre fondos claros) y el espaciado coherente para que la paleta se vea pensada, no accidental.

Más de 20 ideas de paletas color apagado (con códigos HEX)

1) Oliva Polvorienta

HEX: #6b6b57 #8a8a6d #a6a58a #4f4f3f #d2d0b8

Estado de ánimo: estable, práctico, tranquilo

Ideal para: panel de control UI

Estables y utilitarios, estos neutros verde oliva evocan lona desgastada y equipo de campo bien usado. Se ven limpios en pantalla y conservan un toque humano y cálido. Usa el oliva profundo para la navegación y el tono piedra claro para paneles; reserva los tonos intermedios para gráficos e indicadores. Consejo: mantén el contraste fuerte combinando texto #4f4f3f sobre superficies #d2d0b8.

Ejemplo de imagen de oliva polvorienta generado con media.io

Media.io

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

Pruébalo gratis ahora

2) Lino Musgoso

HEX: #5f6650 #7a8067 #9da28c #c9c6b1 #3e4436

Estado de ánimo: suave, natural, accesible

Ideal para: envase de cosmética

Los tonos de musgo y lino evocan vapor de hierbas, frascos de cerámica y un estante apotecario sereno. La mezcla transmite suavidad ideal para marcas de bienestar y sigue luciendo premium. Deja que #c9c6b1 sirva de fondo para etiqueta, y usa #3e4436 para la tipografía para mantener nitidez. Consejo: agrega acabados táctiles como papel mate para que los verdes apagados parezcan intencionales, no descoloridos.

Ejemplo de imagen de lino musgoso generado con media.io

3) Caqui Urbano

HEX: #6a6452 #847d66 #a39b84 #c7c0ab #4a4538

Estado de ánimo: moderno, sólido, arquitectónico

Ideal para: kit de identidad visual

Caquis arquitectónicos y grises tenues sugieren calles de concreto, metal satinado y vitrinas tranquilas. Estas combinaciones apagadas funcionan cuando buscas seriedad sin llegar al gris total. Usa el tono más oscuro para logos y palabras clave, luego construye la papelería con los caquis claros para un efecto de capas. Consejo: incorpora un fondo neutro puro para mantener la paleta contemporánea.

Ejemplo de imagen de caqui urbano generado con media.io

4) Humo y Salvia

HEX: #596156 #737b6f #8e9688 #b9bdb0 #3c423c

Estado de ánimo: fresco, equilibrado, discreto

Ideal para: plantilla de presentación

Los tonos frescos de humo y salvia evocan mañanas brumosas y muros de piedra calcárea. Mantienen las diapositivas legibles evitando el contraste fuerte de blanco y negro puros. Usa #b9bdb0 como fondo y #3c423c para títulos, resaltando datos clave con #8e9688. Consejo: mantén los gráficos simples y limita los tonos para conservar el look editorial y sereno.

Ejemplo de imagen de humo y salvia generado con media.io

5) Apuntes de Arcilla

HEX: #6d5f52 #8b7b6c #a99686 #d1c5b8 #4c4036

Estado de ánimo: cálido, rústico, táctil

Ideal para: menú de cafetería

Los tonos cálidos de arcilla y papel gastado evocan diarios de cuero, crema de espresso y barras de madera acogedoras. La paleta es ideal para menús donde buscas comodidad y claridad de un vistazo. Coloca el texto en #4c4036 sobre #d1c5b8 y usa las arcillas medias para encabezados y precios. Consejo: agrega pequeños íconos lineales en el tono más oscuro para mantener el diseño ordenado y consistente.

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

6) Paseo por Bosque Apagado

HEX: #4f5a45 #6a755d #879173 #b6bea2 #2f382a

Estado de ánimo: terroso, aventurero, resistente

Ideal para: publicidad de ropa outdoor

Los verdes terrosos evocan senderos sombreados y equipo duradero para largas travesías. Los tonos oscuros aportan fuerza, el verde claro sugiere luz filtrada entre hojas. Usa #2f382a para títulos y #b6bea2 para espacios abiertos, manteniendo los detalles nítidos. Consejo: utiliza solo un bloque destacado de color para resaltar y conservar el aire rústico, sin cargar el diseño.

Ejemplo de imagen de paseo por bosque apagado generado con media.io

7) Deriva de Guijarros

HEX: #6b6a63 #86857c #a8a79c #d3d1c6 #474640

Estado de ánimo: silencioso, minimalista, aireado

Ideal para: sitio web portfolio

Los grises suaves de guijarros evocan piedras de río y neblina tenue, dejando “espacio para respirar" al contenido. El rango ofrece jerarquía discreta sin desviar la atención de las imágenes. Usa #d3d1c6 como base de página y #474640 para texto, limitando acentos a un gris medio para enlaces. Consejo: acompaña con generosos espacios y una tipografía fuerte para un acabado limpio tipo galería.

Ejemplo de imagen de deriva de guijarros generado con media.io

8) Latón Envejecido

HEX: #6a674d #8c8763 #b0aa7f #d6d0a7 #4a4833

Estado de ánimo: vintage, apagado, refinado

Ideal para: etiqueta de empaque de producto

Tonos apagados de latón y dorado oliva evocan herrajes antiguos, mapas viejos y metal suavemente envejecido. Una combinación apagada así puede lucir lujosa si el diseño es sobrio y la tipografía segura. Usa #d6d0a7 para el campo de la etiqueta y #4a4833 para la marca, evitando un efecto deslavado. Consejo: añade una línea fina en #8c8763 para enmarcar el diseño sin generar ruido.

Ejemplo de imagen de latón envejecido generado con media.io

9) Parka Lluviosa

HEX: #5a5f55 #747a6e #8f9688 #c2c7bb #3a3f38

Estado de ánimo: fresco, atenuado, funcional

Ideal para: introducción de app móvil

Los verdes apagados de parka y los grises lluviosos resultan confiables, como cielos nublados y una chaqueta resistente. Mantienen las pantallas de incorporación tranquilas para que el texto haga el trabajo pesado. Usa #c2c7bb como lienzo principal, con #3a3f38 para texto e iconos, y reserva #8f9688 para indicadores de progreso. Consejo: añade un estilo de botón pequeño de alto contraste y repítelo de manera consistente en cada paso.

Ejemplo de imagen de parka lluvioso generado usando media.io

10) Cantimplora Vintage

HEX: #655f49 #7f7a5c #9b9674 #c9c3a0 #3f3b2b

Estado de ánimo: herencia, nostálgico, resistente

Ideal para: etiqueta de cerveza artesanal

El verde oliva de herencia y el caqui de cantimplora transmiten una vibra nostálgica y robusta ideal para productos artesanales. Los tonos se sienten envejecidos de buena manera, como etiquetas de papel y esmalte antiguo. Usa #3f3b2b para el logotipo de marca y #c9c3a0 para la base de la etiqueta, luego superpone #9b9674 en medallas o insignias. Consejo: mantén el trabajo de ilustración simple para que los colores apagados sigan siendo llamativos.

Ejemplo de imagen de cantimplora vintage generado usando media.io

11) Prado Cenizo

HEX: #616a52 #7b8564 #9aa47f #c6cfab #3b4231

Estado de ánimo: tranquilo, botánico, equilibrado

Ideal para: ilustración de póster botánico

Los verdes tranquilos del prado con matices cenizos evocan hojas prensadas y campos de finales de verano. La paleta es lo suficientemente suave para arte mural pero sigue siendo claramente natural. Deja el verde más claro como tu tono de papel y usa el más oscuro para tallos, etiquetas y pequeños textos. Consejo: mantén los lavados translúcidos para que los verdes medios sigan siendo suaves en lugar de pesados.

Ejemplo de imagen de prado cenizo generado usando media.io

12) Hierba de Concreto

HEX: #5f6058 #787970 #96978c #c7c8bf #3c3d36

Estado de ánimo: neutral, limpio, moderno

Ideal para: página de inicio de saas

Los grises de concreto con un toque de hierba se sienten modernos, limpios y discretamente técnicos. Le dan nitidez a los elementos de la interfaz sin volverse fríos o estériles. Usa #c7c8bf para secciones grandes y #3c3d36 para encabezados, luego aplica #96978c a divisores y botones secundarios. Consejo: acompaña con un estilo de captura de producto fuerte para mantener la coherencia de la página.

Ejemplo de imagen de hierba de concreto generado usando media.io

13) Lienzo Desgastado

HEX: #6c6255 #85786b #a39588 #d0c4b8 #4b4038

Estado de ánimo: acogedor, hecho a mano, atemporal

Ideal para: invitación de boda

Los tonos marrones del lienzo y taupes suaves evocan tela de lino, notas escritas a mano y cenas a la luz de las velas. Los tonos son románticos sin ser dulces, perfectos para papelería rústica moderna. Usa #d0c4b8 como base de la tarjeta, #4b4038 para el texto y mantiene los adornos en los marrones medios para una profundidad sutil. Consejo: añade una pequeña marca de monograma y dale mucho espacio para respirar.

Ejemplo de imagen de lienzo desgastado generado usando media.io

14) Patrulla de Dunas

HEX: #6b6a4c #8a885f #aaa777 #d5d1a0 #45432c

Estado de ánimo: deslavado por el sol, aventurero, cálido

Ideal para: encabezado de blog de viajes

Los tonos de dunas deslavados recuerdan caminos desérticos, tiendas de campaña de lona y viajes polvorientos. El tinte cálido verde-amarillo mantiene la apariencia exterior sin ser ruidoso. Usa #d5d1a0 detrás del título principal y #45432c para contraste fuerte, luego aplica #aaa777 a botones o etiquetas. Consejo: añade textura de grano ligeramente para que los colores parezcan naturalmente desgastados.

Ejemplo de imagen de patrulla de dunas generado usando media.io

15) Tarde Loden

HEX: #4d4f44 #686a5b #858774 #b5b79f #2f3127

Estado de ánimo: sombrío, elegante, reservado

Ideal para: moodboard de marca de restaurante

Los verdes loden evocan luz vespertina, madera oscura y conversaciones tranquilas. Los tonos de base profunda crean un ambiente premium sin recurrir al negro. Usa #2f3127 para logotipos y #b5b79f como tono primario de papel o fondo, luego incorpora #858774 para tipografía secundaria. Consejo: mantén la fotografía cálida y de bajo contraste para armonizar con los verdes apagados.

Ejemplo de imagen de tarde loden generado usando media.io

16) Madera de Granero Desgastada

HEX: #6a5e55 #85786f #a59a92 #d2c7c0 #463c35

Estado de ánimo: envejecida, cálida, acogedora

Ideal para: concepto de interior de sala

Los marrones desgastados y grises suaves evocan madera de granero, mantas de lana y paredes de yeso natural. La mezcla es cómoda y vivida, ideal para interiores acogedores que aún parecen seleccionados. Usa el tono pálido para paredes y el marrón más oscuro para detalles de madera o estanterías, luego integra tonos medios en textiles. Consejo: añade pequeños detalles en negro o latón con moderación para evitar que la sala se sienta demasiado plana.

Ejemplo de imagen de madera de granero desgastada generado usando media.io

17) Latte Oliva

HEX: #6b6357 #877e71 #a59c90 #d2c8bd #4c443b

Estado de ánimo: suave, cremoso, refinado

Ideal para: plantilla de publicación para redes sociales

Los tonos neutros latte-oliva cremosos evocan tazas de cerámica, leche vaporizada y luz cálida en la encimera. Hacen que publicaciones de producto o citas se vean pulidas sin necesitar acentos ruidosos. Usa #d2c8bd como fondo, #4c443b para texto y crea profundidad con bloques redondeados en #a59c90. Consejo: mantén la imagen cálida y desaturada para integrarse naturalmente con los tonos cremosos.

Ejemplo de imagen de latte oliva generado usando media.io

18) Bosque Nebuloso

HEX: #555f4a #707a60 #8c9674 #bcc7a3 #343b2e

Estado de ánimo: brumoso, orgánico, sereno

Ideal para: diseño de portada de libro

Verdes brumosos y tallos oscuros evocan un bosque nebuloso al amanecer. El rango de contraste permite títulos audaces sin perder el ambiente literario y atmosférico. Esas combinaciones apagadas brillan con tipografía serif y márgenes generosos, especialmente si mantienes imágenes simples. Consejo: coloca el título en #bcc7a3 sobre #343b2e para un toque silencioso y seguro.

Ejemplo de imagen de bosque nebuloso generado usando media.io

19) Jardín Sepia

HEX: #6a5d4f #857667 #a39585 #d2c4b4 #4a3f35

Estado de ánimo: cálido, nostálgico, elegante

Ideal para: composición de revista editorial

Marrones de jardín sepia evocan pétalos secos, fotos de película antigua y texturas de papel prensado. Dan calidez a composiciones editoriales manteniendo todo sofisticado. Usa #d2c4b4 como base de página, #4a3f35 para títulos y #857667 para citas y subtítulos. Consejo: deja el espacio en blanco hacer el trabajo y evita bordes gruesos para mantener el ambiente premium.

Ejemplo de imagen de jardín sepia generado usando media.io

20) Utilidad Silenciosa

HEX: #5c5b50 #77766a #949286 #c4c2b5 #3b3a33

Estado de ánimo: neutral, organizado, confiable

Ideal para: interfaz de gestión de proyectos

Tonos utilitarios neutros evocan carpetas ordenadas, etiquetadores y bancos de trabajo bien organizados. Esta paleta apagada es especialmente efectiva para herramientas de productividad donde la claridad supera la decoración. Usa #c4c2b5 para tableros y tarjetas, #3b3a33 para texto y #949286 para estados seleccionados y divisores. Consejo: aplica un estilo de destacado consistente para elementos activos y evitar que la interfaz se mezcle demasiado.

Ejemplo de imagen de utilidad silenciosa generado usando media.io

21) Estudio Siltstone

HEX: #5f6151 #7a7c69 #969880 #c8cab2 #3d3f33

Estado de ánimo: estudio, equilibrado, moderno

Ideal para: set de logotipo e iconos

Los verdes siltstone y grises suaves evocan un espacio de estudio tranquilo con luz natural y materiales apagados. La gama media hace que los iconos sean amigables mientras el tono más oscuro mantiene marcas nítidas. Usa el tono más profundo para contornos, luego rellena formas con #969880 y reserva el más claro para espacios negativos. Consejo: prueba la legibilidad de los iconos en tamaños pequeños y asegúrate de que los tonos sutiles no se mezclen.

Ejemplo de imagen de estudio siltstone generado usando media.io

¿Qué colores combinan bien con los apagados?

Lo apagado combina mejor con otros neutros arraigados: blancos cálidos, piedra, masilla y carbón suave. Estos mantienen el look coherente y te dan suficiente contraste para tipografía y estados de UI.

Para un aire moderno, añade un solo acento limpio como blanco nítido, azul intenso o un metálico apagado (latón/bronce). Esto evita que lo apagado se perciba como “fangoso” y ayuda a que los elementos clave destaquen.

Si buscas un giro más audaz, introduce un único contrapunto cálido—óxido, terracota o arcilla—para que la paleta se sienta intencionada y contemporánea sin romper su ambiente tranquilo.

Cómo usar una paleta apagada en diseños reales

Comienza con un tono apagado claro como superficie base (fondo, papel o color de pared), luego elige un tono oscuro para texto y anclajes. Esta estructura simple de dos pasos mejora la claridad de inmediato.

Usa tonos medios para componentes de composición: tarjetas, divisores, estados de UI, bandas de empaques o encabezados secundarios. Mantener esos tonos intermedios consistentes evita que el diseño se vea “plano” o de bajo contraste por accidente.

Finaliza con textura en vez de color extra—grano, papel mate, lino, concreto o sombra suave. Las paletas apagadas se ven más premium cuando el material y el espacio hacen el trabajo pesado.

Crea visuales de paletas apagadas con IA

Si quieres previsualizar un esquema de color apagado en una composición real (UI, empaques, pósteres o interiores), genera visuales de prueba primero—luego afina tus elecciones de paleta antes de comprometerte con la producción.

Media.io te permite convertir un prompt en ejemplos de diseño limpio rápidamente, así puedes probar contraste, ambiente y combinación tipográfica con tus códigos HEX exactos.

Usa uno de los prompts anteriores, intercambia tus tonos apagados preferidos y repite hasta que el resultado se sienta tranquilo, moderno y legible.

Siguiente: Paleta de colores naranja óxido