20 combinaciones modernas de tonos tundra: paletas y códigos hexadecimales

Las paletas de colores tundra equilibran neutros terrosos con acentos fríos y helados—perfectas cuando deseas calma moderna sin parecer estéril. Piensa en azules gris niebla, verdes musgo, grises carbón de piedra y marrones papel cálido que todavía lucen limpios.

A continuación tienes 20 combinaciones de paletas tundra con códigos HEX, además de consejos prácticos para combinarlas en UI, branding y maquetación editorial—para que puedas mantener el contraste legible y el ánimo sutilmente intencionado.

Por Qué Funcionan Tan Bien las Paletas Tundra

Los tonos tundra están en el punto justo entre los neutros terrosos cálidos y los grises invernales fríos, lo que los hace sentir naturales, modernos y ampliamente “seguros para marca”. Son lo suficientemente sutiles para un diseño minimalista, pero aún transmiten ambiente a través de matices (salvia, pizarra, arena, arcilla).

Debido a que los tonos suelen tener baja saturación, puedes construir jerarquía con el valor (de claro a oscuro) en vez de con colores llamativos. Eso significa tipografía limpia, interfaces calmadas y maquetaciones que se sienten premium en lugar de promocionales.

Además, fotografían e imprimen bien: estos colores apagados complementan texturas de papel, lino, piedra y acabados mate, así que la paleta se percibe intencionada en web, packaging y editorial.

20+ Ideas de Paletas de Colores Tundra (con Códigos HEX)

1) Líquen Escarchado

HEX: #E7ECEA #C9D2CC #A7B5AA #6E7B73 #3F4A45

Estado de ánimo: tranquilo, fresco, terrenal

Ideal para: packaging minimalista para cuidado de la piel

La escarcha matutina sobre líquenes suaves y piedra se refleja en estos verdes fríos y grises suaves. Funciona maravillosamente en envases minimalistas donde buscas transmitir confianza limpia sin que parezca clínico. Combínalo con mucho espacio en blanco y un negro cálido para la tipografía para mantener un aire premium. Consejo de uso: utiliza #A7B5AA como color principal de la etiqueta y reserva #3F4A45 para texto pequeño de alto contraste.

Ejemplo de imagen de líquen escarchado generado con media.io

Media.io

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

Pruébalo Ahora Gratis

2) Granito a la Deriva

HEX: #F2F3F1 #D4D8D6 #9FA7A8 #697173 #2F3437

Estado de ánimo: minimalista, frío, profesional

Ideal para: panel de análisis de datos UI

La bruma fría del granito y luz nublada dan a este conjunto una sensación nítida y directa. Es ideal para dashboards con muchos datos donde la claridad y la jerarquía importan más que la decoración. Combina #2F3437 con #F2F3F1 para máximo contraste accesible y usa #9FA7A8 para divisores y texto secundario. Consejo: mantén los gráficos sobrios y resalta solo una métrica con un solo acento del set.

Ejemplo de imagen de granito a la deriva generado con media.io

3) Cresta Musgosa

HEX: #E3E8E1 #B7C1B3 #7F8E78 #55645A #2D3A34

Estado de ánimo: terroso, estable, aventurero

Ideal para: identidad de marca de equipamiento outdoor

El musgo terroso sobre crestas rocosas hace que esta mezcla se sienta confiable y lista para el sendero. Estas combinaciones tundra son ideales para marcas outdoor que buscan credibilidad robusta sin saturación llamativa. Combina los verdes oscuros con papeles texturizados e iconografía simple para un look auténtico. Consejo: usa #2D3A34 para el logotipo y #7F8E78 para insignias y etiquetas secundarias.

Ejemplo de imagen de cresta musgosa generado con media.io

4) Salvia de Campo Nevado

HEX: #F6F7F3 #DCE3D6 #B9C7B3 #7D8E7F #4A5A52

Estado de ánimo: aireado, limpio, suave

Ideal para: UI de página de bienestar

Campiñas nevadas y sombras de salvia suave dan a la paleta una sensación serena y respirable. Es ideal para páginas de bienestar y mindfulness donde quieres una base brillante con un tono natural. Mezcla los tonos claros con iconos contorneados y componentes redondeados para una interfaz amigable y moderna. Consejo: mantén los botones principales en #7D8E7F y reserva #4A5A52 para títulos para mantener contraste.

Ejemplo de imagen de salvia de campo nevado generado con media.io

5) Niebla Glacial

HEX: #F4F7F8 #D7E0E4 #AEBCC4 #6D7C86 #3D4A53

Estado de ánimo: helado, calmado, moderno

Ideal para: banner principal para SaaS

La niebla helada que baja de un glaciar da a estos azul-gris una ventaja calmada y técnica. Funcionan bien para encabezados de SaaS donde deseas modernidad y confianza sin llegar al azul corporativo tradicional. Combina los tonos más claros con gradientes suaves y tipografía oscura para mayor legibilidad. Consejo: limita los gradientes a dos escalas, como #F4F7F8 y #D7E0E4, para que no luzcan deslavados.

Ejemplo de imagen de niebla glacial generado con media.io

6) Arroyo de Guijarros

HEX: #ECEBE6 #C9C2B7 #A49E94 #6E6A63 #3A3834

Estado de ánimo: neutro cálido, rústico, equilibrado

Ideal para: etiqueta de café artesanal

Guijarros de río y arena húmeda aportan una calidez terrenal a estos neutros suaves. Los tonos son ideales para etiquetas de café artesanal, menús y packaging pequeño donde los materiales táctiles importan. Combina con papel kraft, textura sutil y una sola tipografía serif fuerte para dar carácter. Consejo: imprime una prueba de #A49E94 pronto, ya que los tonos medios pueden variar según el papel.

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

7) Duna del Norte

HEX: #F1EBDD #D8CCB4 #B7A684 #7E7158 #4A4334

Estado de ánimo: iluminado por el sol, natural, terroso

Ideal para: portada de revista de viajes

Las dunas bajo un cielo invernal pálido hacen que estos neutros arenosos se sientan calmados y acogedores. Esta paleta tundra es ideal para portadas de viajes o estilo de vida que necesitan calidez sin ser tropicales. Combínala con fotografía en blanco y negro o imágenes sepias para unificar el tono. Consejo: pon titulares en #4A4334 y usa #D8CCB4 como fondo suave para textos de portada.

Ejemplo de imagen de duna del norte generado con media.io

8) Ceniza de Pino

HEX: #E8EAE5 #C0C6BF #8B948A #5D665B #2F352F

Estado de ánimo: calma forestal, discreto, moderno

Ideal para: kit UI de app ecológica

Agujas de pino cubiertas de ceniza crean un ambiente sobrio y responsable. Encaja en apps ecológicas que buscan ser sostenibles y modernas sin usar verdes brillantes. Mezcla los tonos medios con tarjetas simples y abundante espacio en blanco para que la interfaz se sienta ligera. Consejo: usa #2F352F para texto principal y #8B948A para etiquetas secundarias para mantener una jerarquía suave.

Ejemplo de imagen de ceniza de pino generado con media.io

9) Fiordo Tranquilo

HEX: #EEF1F0 #C8D2D0 #8FA6A4 #5B7675 #2F4647

Estado de ánimo: frío, sereno, costero

Ideal para: UI de sitio web de reservas hoteleras

Las aguas quietas del fiordo y el aire brumoso dan a estos tonos azul-verde-gris un aspecto sereno. Son ideales para sitios de hostelería donde quieres confianza tranquila y legibilidad sencilla. Combínalos con secciones blancas y un solo tono oscuro para llamadas a la acción así la página no se siente plana. Consejo: mantén los botones en #2F4647 y usa #C8D2D0 para bordes y estados inactivos.

Ejemplo de imagen de un fiordo tranquilo generado con media.io

10) Trigo de Invierno

HEX: #F6F1E6 #E3D6C2 #C4B091 #8B7A60 #4C4032

Estado de ánimo: acogedor, terroso, tradicional

Ideal para: embalaje de marca de panadería

Los campos de trigo templados tras la primera helada hacen que estos marrones se sientan acogedores y familiares. La paleta es perfecta para el embalaje de productos de panadería, cafeterías y menús que buscan un aire artesanal. Combínala con fondos crema y tipografías serif clásicas para amplificar el efecto tradicional. Consejo: usa #8B7A60 para patrones y reserva #4C4032 para tu logotipo para anclar el diseño.

Ejemplo de imagen de trigo de invierno generado con media.io

11) Arcilla Ártica

HEX: #EFE7DF #D8C7B9 #B59B8D #7A5F53 #3F302C

Estado de ánimo: suave, terroso, refinado

Ideal para: publicidad de producto cerámico

La arcilla suave y la piedra pálida crean una calidez refinada y terrosa. Estas combinaciones de colores de tundra funcionan genial en anuncios de cerámica, artículos para el hogar o marcas de estilo de vida pausado. Combínalos con accesorios mínimos y texturas táctiles como lino o madera bruta para que los colores se sientan intencionados. Consejo: ilumina la escena con luz lateral suave para resaltar el matiz entre #D8C7B9 y #B59B8D.

Ejemplo de imagen de arcilla ártica generado con media.io

12) Prado de Pizarra

HEX: #E5E8E9 #C1C8CA #8B969C #5A666D #2E343A

Estado de ánimo: frío, estructurado, seguro

Ideal para: plantilla de presentación B2B

Cielos de pizarra sobre pastos bajos dan a esta paleta un tono estructurado y seguro. Ideal para presentaciones B2B donde quieres transmitir autoridad manteniendo un aire moderno y legible. Combina los grises claros con un pizarra profundo para encabezados de sección y mantén los gráficos limpios y mínimos. Consejo: usa #C1C8CA para rellenar tablas y guarda #2E343A para números clave y títulos.

Ejemplo de imagen de prado de pizarra generado con media.io

13) Corteza de Abedul

HEX: #F7F4EE #E4D9C7 #C8B59B #8D7B61 #4F4334

Estado de ánimo: natural, cálido, artesanal

Ideal para: set de invitaciones de boda

Las texturas de corteza de abedul y los tonos cálidos de papel hacen que el set se sienta íntimo y artesanal. Ideal para invitaciones de boda, especialmente temáticas rústicas o de bosque que quieren un acabado limpio. Combínalas con dibujos de líneas delicadas, emboss sin tinta o flores suaves para añadir detalle sin recargar. Consejo: imprime el texto principal en #4F4334 y usa #E4D9C7 como base para el papel para un look elevado.

Ejemplo de imagen de corteza de abedul generado con media.io

14) Serenidad de Piedra de Hierro

HEX: #EEEDEA #D1CCC4 #A59B90 #6E655B #3B3631

Estado de ánimo: sutil, maduro, atemporal

Ideal para: rediseño de sitio web de bufete legal

La piedra de hierro y el concreto desgastado establecen una atmósfera madura y atemporal. Es ideal para servicios profesionales que buscan autoridad discreta sin el contraste duro del blanco y negro. Úsalo con márgenes generosos, tipografía clásica y una línea de acento para dejar espacio visual. Consejo: usa #3B3631 para la navegación y #D1CCC4 para fondos de secciones para crear profundidad suave.

Ejemplo de imagen de serenidad de piedra de hierro generado con media.io

15) Pícea Nublada

HEX: #E6EBE7 #BFD0C5 #86A194 #516D63 #2B4039

Estado de ánimo: melancólico, natural, contemporáneo

Ideal para: logo y papelería hotel boutique

Las nubes sobre bosques de pícea dan a estos verdes una profundidad melancólica y contemporánea. Perfectos para branding de hospitalidad boutique que quiera referencias a la naturaleza sin verse rústico. Combina con serif moderna y monogramas mínimos para un toque sofisticado. Consejo: imprime el logo con foil en tinta oscura cerca de #2B4039 y usa #BFD0C5 para campos de papelería auxiliar.

Ejemplo de imagen de pícea nublada generado con media.io

16) Pantano Helado

HEX: #E8EEE9 #C1D3C7 #87A89A #567B6D #2F4C43

Estado de ánimo: fresco, terroso, reparador

Ideal para: impresión botánica en acuarela

La vegetación helada del pantano y el aire fresco hacen que estos verdes se sientan vivos y restauradores. Úsala para ilustraciones botánicas, carteles ecológicos u obras de arte mural calmantes donde importe el contraste sutil. Mezcla verdes medios con textura ligera de papel y mucho espacio negativo. Consejo: crea sombras con #C1D3C7 y usa #2F4C43 para contornos y tallos finos.

Ejemplo de imagen de pantano helado generado con media.io

17) Humo Marino

HEX: #F0F4F2 #C7D6D6 #90A9AB #5E7B7F #334B50

Estado de ánimo: frío, fresco, refinado

Ideal para: diseño de newsletter editorial

El humo marino y el viento costero se reflejan en estos azules-grisados fríos y refinados. Son ideales para newsletters editoriales que busquen una lectura calma y una cuadrícula moderna. Combina los tonos más claros con jerarquía tipográfica fuerte y reglas simples para dividir secciones. Consejo: usa #5E7B7F para etiquetas y #334B50 para el texto principal para evitar fatiga de bajo contraste.

Ejemplo de imagen de humo marino generado con media.io

18) Guijarro de Cuervo

HEX: #EDEDED #C7C9CB #8E9298 #545A61 #1F2429

Estado de ánimo: nítido, moderno, alto contraste

Ideal para: póster conferencia tecnológica

Plumas de cuervo sobre guijarros pálidos crean un contraste moderno y nítido. Esta paleta de tundra es excelente para carteles tecnológicos cuando quieres dramatismo sin colores vivos. Combínala con tipografía bold condensada y bloques geométricos para mantenerla enérgica. Consejo: coloca el título principal en #1F2429 y usa #8E9298 para detalles secundarios como fecha y lugar.

Ejemplo de imagen de guijarro de cuervo generado con media.io

19) Alga Seca

HEX: #E9E6DD #C9C2A8 #9F946D #6B6243 #3B3627

Estado de ánimo: orgánico, vintage, terroso

Ideal para: etiqueta de producto alimenticio natural

El alga seca y la arena costera dan a estos tonos oliva-marrón una calidez orgánica y vintage. Son ideales para etiquetas de alimentos naturales que buscan una presencia terrosa en el estante sin ser estridentes. Combina con ilustraciones dibujadas a mano y bloques de color mínimos para un aire artesanal. Consejo: usa #9F946D como campo principal de la etiqueta y #3B3627 para listas de ingredientes y textos pequeños.

Ejemplo de imagen de alga seca generado con media.io

20) Aurora Neutra

HEX: #F5F7F4 #D9E2DD #B1C2BE #748B88 #3D5452

Estado de ánimo: suave, moderno, discretamente optimista

Ideal para: presentación de moodboard de marca

Un resplandor de aurora sobre neutros apagados da al conjunto una sensación discreta de optimismo. Estas combinaciones de tundra son geniales para moodboards donde necesitas una base limpia y un matiz verde-azulado suave. Combina con texturas naturales como piedra, lino y metal mate para mantenerlo contemporáneo. Consejo: deja que #F5F7F4 ocupe la mayor parte del layout y usa #748B88 solo para resaltados y anotaciones clave.

Ejemplo de imagen de aurora neutra generado con media.io

¿Qué Colores Combinan Bien con Tundra?

Las paletas de tundra combinan naturalmente con blancos rotos, grises cálidos y carbón; estos mantienen el look general silencioso pero con suficiente contraste para la tipografía y los estados de UI. Si tu base es fría (glaciar o pizarra), un neutro ligeramente cálido (papel, arena, arcilla) evita que el diseño se sienta frío.

Para acentos, elige un solo color “señal” y úsalo con moderación: pícea/verde azulado profundo para CTAs, salvia apagada para resaltados, o marrón-carbón oscuro para encabezados premium. El objetivo es un énfasis controlado, no una variedad de arcoíris.

Los materiales y acabados también importan: los tonos de tundra destacan en superficies mate, papel texturizado, lino y grano sutil. Estas texturas añaden profundidad sin necesidad de alta saturación.

Cómo Usar una Paleta Tundra en Diseños Reales

Empieza con una base clara (tu blanco roto o gris pálido), luego define la jerarquía con dos tonos de texto: un carbón casi negro para el cuerpo y un gris medio / gris-verde para etiquetas secundarias. Esta estructura mantiene la legibilidad de la interfaz sin perder suavidad.

Para branding, elige un ancla oscura (imagotipo, nav, títulos clave) y un color intermedio (etiquetas, tarjetas, fondos). Las paletas de tundra lucen cuando se respeta el espacio negativo y se deja que el espaciado haga el “decorado”.

En layouts editoriales, usa los tonos medios para reglas, pies de foto y paneles destacados, y mantén las imágenes coherentes evitando filtros demasiado cálidos. Una temperatura consistente (fría o suavemente cálida) es lo que hace que la tundra se vea intencionada.

Crea Visuales de Paletas Tundra con IA

Si quieres previsualizar cómo se ven estas combinaciones HEX en embalaje, landings o carteles, genera rápidos mockups visuales primero. Es la manera más rápida de probar si tu paleta transmite "calma premium" o se siente “plana y de poco contraste”.

Con Media.io Text to Image, puedes pegar un prompt (como los ejemplos anteriores), iterar estilos y encontrar rápidamente una dirección visual antes de diseñar el sistema completo.

Una vez que tengas varias opciones, compáralas lado a lado y quédate con la que tenga la jerarquía más limpia y el contraste de CTA más claro; la tundra funciona mejor cuando se mantiene legible.

Siguiente: Paleta de colores de Ciudad Cyberpunk