20 paletas en tonos blanco y verde modernos con sus códigos hexadecimales

El blanco y el verde es una combinación atemporal: el blanco mantiene los diseños limpios y aireados, mientras que el verde aporta vida, frescura y una sensación natural de equilibrio. Juntos funcionan tanto en interfaces modernas, empaques e impresos porque se perciben minimalistas y acogedores a la vez.

A continuación se presentan ideas seleccionadas de paletas de colores blanco y verde con códigos HEX, notas de ambiente y formas prácticas de aplicar cada esquema — además de prompts de IA que puedes reutilizar para generar imágenes rápidamente.

Por qué las paletas blanco-verde funcionan tan bien

El blanco crea claridad instantánea: aumenta el espacio percibido, mejora la legibilidad y ayuda a que la tipografía e imágenes se vean nítidas. Cuando buscas simplicidad moderna sin frialdad, el blanco es una base ideal.

El verde añade emoción y significado —frescura, crecimiento, calma, salud, valores ecológicos— según el tono. Los verdes salvia suaves se sienten refinados y tranquilos, mientras que los verdes primavera vivos son enérgicos y digitales.

Como sistema, blanco + verde es fácil de escalar: el blanco para fondos y superficies, verdes medios para secciones y componentes, y verdes oscuros para contraste accesible en textos, íconos y llamados a la acción.

Más de 20 ideas de paletas de colores blanco y verde (con códigos HEX)

1) Lino Menta

HEX: #f8f7f2 #dff3ea #a7d8c7 #4f8f77 #2f3a35

Ambiente: aireado, calmo, moderno

Ideal para: UI de dashboard de SaaS

La menta aireada y el blanco lino suave evocan la luz matutina en un estudio limpio. La base pálida mantiene los diseños abiertos, mientras que el verde más profundo asegura la navegación y los estados clave. Combínalo con íconos de línea delgada, mucho espacio y divisores grises cálidos para mejorar la legibilidad. Sugerencia: reserva el verde más oscuro para botones principales y mensajes de éxito para mantener la claridad.

Ejemplo de imagen de lino menta generada usando media.io

Media.io

Media.io es un estudio de IA en línea para crear y editar videos, imágenes y audio en tu navegador.

Pruébalo gratis ahora

2) Galería Salvia

HEX: #fbfbf7 #e6efe6 #b8cbb8 #6f8d77 #2e4738

Ambiente: refinado, tranquilo, curado

Ideal para: sitio web de portafolio de arte

Los tonos salvia tranquilos sobre blanco galería evocan grabados enmarcados y una sala de exposiciones calmada. Usa el salvia medio para fondos de secciones y el verde oscuro para encabezados, logrando una jerarquía tipo museo. Combina bien con titulares con serifas, bordes delgados y mucho espacio negativo. Sugerencia: mantén las imágenes sobre bloques de blanco puro para que los colores de las obras se mantengan fieles.

Ejemplo de imagen de galería salvia generada usando media.io

3) Niebla de Eucalipto

HEX: #f4faf7 #d7efe6 #9ccbbf #4d7f76 #1f2f2c

Ambiente: fresco, tipo spa, relajante

Ideal para: identidad de marca de cuidado de la piel

La niebla de eucalipto se siente limpia y restauradora, como toallas calientes y vegetación. Para una paleta blanco-verde que se siente premium, mantén los fondos casi blancos y deja que los tonos verde-azulados medios marquen la identidad. Combínalo con texturas mate, empaque minimalista y un negro-verde suave para textos. Sugerencia: usa el verde menta claro para áreas grandes y evita sobresaturar bloques destacados.

Ejemplo de imagen de niebla de eucalipto generada usando media.io

4) Porcelana de Aloe

HEX: #ffffff #eaf6f0 #c5e6d6 #78b89a #2f5e49

Ambiente: limpio, suave, optimista

Ideal para: landing page de bienestar

El blanco porcelana con verdes aloe transmite ligereza, salud y optimismo. Usa el verde claro para secciones grandes y así reducir el brillo sin perder luminosidad. Se complementa con elementos de interfaz redondeados, sombras suaves y neutros cálidos como arena para acentos secundarios. Sugerencia: utiliza el verde profundo en los llamados a la acción para que destaquen sin resultar estridentes.

Ejemplo de imagen de porcelana de aloe generada usando media.io

5) Mármol Bosque

HEX: #f6f5f0 #dfe7de #98b59c #3f6b4a #1e2b22

Ambiente: sobrio, elegante, atemporal

Ideal para: folleto de hotel boutique

Verdes bosque intensos sobre blanco mármol evocan lobbies, texturas de piedra y lujo silencioso. Estas combinaciones blanco-verde son ideales en folletos donde los títulos requieren peso y el texto debe ser fácil de leer. Agrégales detalles en dorado, papeles gruesos y superposiciones fotográficas sutiles. Sugerencia: usa el verde casi negro para textos pequeños y el verde medio solo en bloques grandes.

Ejemplo de imagen de mármol bosque generada usando media.io

6) Estudio Pistacho

HEX: #fbfaf5 #e9f2dd #cde2a8 #8fb85c #3a4a2b

Ambiente: soleado, divertido, accesible

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

Verdes pistacho soleados y blanco cremoso evocan un mostrador iluminado y pasteles frescos. Usa el pistacho claro como fondo de menú y el verde oliva profundo para nombres y precios. Combina de forma natural con íconos dibujados a mano y fotografía cálida. Sugerencia: usa un color de acento por sección para que el menú sea fácil de escanear.

Ejemplo de imagen de estudio pistacho generada usando media.io

7) Jardín de Té

HEX: #f9f9f3 #e3f0e1 #b4d5b6 #6c9b74 #2b4a33

Ambiente: acogedor, natural, invitante

Ideal para: set de invitación de boda

Verdes de jardín de té sobre blanco suave evocan hojas prensadas y papel hecho a mano. Usa el verde más profundo para nombres y títulos, y detalles en salvia claro para una jerarquía suave. Combina perfectamente con florales en acuarela y texturas con borde desgarrado. Sugerencia: imprime sobre papel blanco cálido para evitar contrastes duros.

Ejemplo de imagen de jardín de té generada usando media.io

8) Minimal Espuma de Mar

HEX: #fcfffd #e5fbf4 #b8efe0 #5db9a2 #1f5a4b

Ambiente: ligero, nítido, contemporáneo

Ideal para: pantallas de onboarding de app móvil

El verde espuma de mar sobre blanco brillante se siente moderno y fresco como aire costero. Usa el tono más claro para fondo de pantalla completa y el tono saturado para ilustraciones y estados de avance. Combina bien con formas geométricas y textos mínimos. Sugerencia: asegura accesibilidad usando el verde azul oscuro en todos los textos pequeños.

Ejemplo de imagen de minimal espuma de mar generada usando media.io

9) Cuaderno Oliva

HEX: #f7f6f1 #e7eadf #c3c8ad #7f8760 #3b3f2d

Ambiente: académico, terroso, confiable

Ideal para:papelería y portada de diario

El oliva terroso junto con blancos papel se siente como un cuaderno muy usado y un escritorio tranquilo. Una combinación equilibrada de blanco y verde como esta funciona mejor cuando los neutros claros dominan y el oliva actúa como estructura. Combina con texturas kraft, patrones de líneas simples y tinta negra apagada. Consejo de uso: añade un borde delgado en oliva medio para que las portadas luzcan más terminadas.

Ejemplo de imagen de cuaderno oliva generado usando media.io

10) Cerámica de Prado

HEX: #fffdf8 #eef7e8 #cfe8c2 #86b77b #2f5a3a

Ambiente:acogedor, fresco, amigable

Ideal para:anuncio de producto de cocina

Los verdes pradera suaves sobre blanco cálido evocan cerámica esmaltada y encimeras bañadas por el sol. Usa los tonos más claros para el fondo y deja el verde medio para destacar los atributos del producto o llamadas de atención. Combina bien con accesorios de madera natural y tipografía sans-serif simple. Consejo de uso: mantén los reflejos sutiles para que la paleta siga suave y no clínica.

Ejemplo de imagen de cerámica de prado generado usando media.io

11) Spa de Bambú

HEX: #f3f8f1 #d9edd2 #a9d3a0 #5f9c63 #2b4d2f

Ambiente:restaurador, natural, equilibrado

Ideal para:póster promocional de spa

Los verdes de bambú restauradores evocan vapor, eucalipto y espacios silenciosos. Usa el verde claro como base calmante y el verde profundo para titulares destacados y detalles de oferta. Combina bien con fotografía minimalista, divisores finos y mucho espacio en blanco. Consejo de uso: mantén el alto contraste para precios y fechas para que la promo sea legible a distancia.

Ejemplo de imagen de spa de bambú generado usando media.io

12) Tiza Esmeralda

HEX: #f8f9f6 #e0efe9 #9fd4c2 #2f8b6f #173a31

Ambiente:seguro, inteligente, enérgico

Ideal para:diapositivas para cursos educativos

El esmeralda seguro con blancos tiza evoca una clase moderna y pizarras limpias. Estas combinaciones blanco-verde dan un fuerte contraste en títulos sin ser agresivas. Combina con gráficos simples, cajas de resaltado redondeadas y cuadrículas gris claro para estructura. Consejo de uso: utiliza esmeralda para encabezados de secciones y mantén el texto sobre casi blanco para una lectura cómoda de largos textos.

Ejemplo de imagen de tiza esmeralda generado usando media.io

13) Pepino Fresco

HEX: #fdfffb #effae7 #d3f1b9 #86c55a #2d5320

Ambiente:picante, limpio, juvenil

Ideal para:kit de marca de bar de jugos

Los verdes pepino picantes con blanco brillante se sienten frescos, jugosos y jóvenes. Usa el verde vivo solo en logotipos, pegatinas y acentos pequeños para evitar saturar la vista. Combínalo con tipografía sans-serif atrevida y fotografía de frutas con mucha luz. Consejo de uso: añade un verde gris-neutro para el área de código de barras y los ingredientes para mantener el empaque ordenado.

Ejemplo de imagen de pepino fresco generado usando media.io

14) Tipografía Helecho

HEX: #fafcf8 #e6f2e0 #b9d4b1 #5e8a5c #233a26

Ambiente:literario, calmado, clásico

Ideal para:diseño de portada de libro

Verdes helecho sobre blanco suave evocan rincones tranquilos de lectura e impresiones botánicas. Usa el verde más oscuro para el título y el autor, manteniendo acentos en salvia apagada para un look coherente. Funciona bien con tipografía con serif y una textura sutil de papel. Consejo de uso: evita el negro puro y deja que el verde profundo aporte todo el contraste necesario.

Ejemplo de imagen de tipografía helecho generado usando media.io

15) Boda Hiedra

HEX: #fffefb #eef5ee #cfe1d2 #7aa688 #2f5a45

Ambiente:romántico, elegante, natural

Ideal para:sitio web de boda y rsvp

Los verdes hiedra románticos sobre blanco cálido evocan votos entre jardines y arcos de hojas. Utiliza el verde más pálido para los fondos y el tono medio de hiedra para botones, separadores y acentos del RSVP. Combina bellamente con detalles de caligrafía y ilustraciones en líneas finas. Consejo de uso: mantén los campos en blanco puro para que se vean limpios y fáciles de rellenar.

Ejemplo de imagen de boda hiedra generado usando media.io

16) Té Verde Latte

HEX: #fbf7f0 #edf3e3 #cfe0b8 #8aa66b #3f4a33

Ambiente:acogedor, suave, contemporáneo

Ideal para:renovación de marca de cafetería

Los verdes matcha acogedores con blanco lechoso evocan una cafetería tranquila y una taza caliente entre manos. Para una paleta moderna blanco-verde, apóyate en la base cremosa y usa los tonos matcha en señalización, pegatinas y redes sociales. Combina con texturas de papel beige y símbolos minimalistas para mantenerlo cercano. Consejo de uso: reserva el tono más oscuro para logotipos y letras pequeñas para que se impriman con nitidez.

Ejemplo de imagen de té verde latte generado usando media.io

17) Verde Glaciar

HEX: #f5fbff #e1f5f2 #b9e3df #62a7a6 #254a4f

Ambiente:frío, elegante, tecnológico

Ideal para:ui kit para app fintech

Los verdes glaciar fríos con blancos helados se sienten elegantes y precisos, como datos limpios y movimiento tranquilo. Usa los tonos claros para superficies y los teal-verde más profundos para estados activos, gráficas y alertas. Combina bien con iconos geométricos y un sistema tipográfico contenido. Consejo de uso: que los estados de éxito y aviso sean distintos ajustando saturación, no añadiendo más colores.

Ejemplo de imagen de verde glaciar generado usando media.io

18) Hormigón Musgoso

HEX: #f2f2ee #dee3db #aab7a6 #677a62 #2a322b

Ambiente:urbano, apagado, sofisticado

Ideal para:sitio web de estudio de arquitectura

El musgo apagado sobre blancos tipo hormigón se siente urbano y arquitectónico, con una tranquila confianza. Usa los grises pálidos como base, y el verde musgo como firma de marca en enlaces y marcadores de sección. Combina con fotografía monocromática y sistemas de grilla marcados. Consejo de uso: evita sombras pesadas y deja que el espaciado y la alineación hagan el trabajo.

Ejemplo de imagen de hormigón musgoso generado usando media.io

19) Circuito de Primavera

HEX: #f8fff9 #e6ffe9 #bff5c8 #4fd17a #214a32

Ambiente:brillante, optimista, digital

Ideal para:diapositivas de pitch para startups

Los verdes primavera brillantes sobre blanco limpio se sienten enérgicos, como nuevos lanzamientos e iteraciones rápidas. Usa el verde vivo para destacar KPIs, íconos y métricas clave, manteniendo la mayoría de las slides blancas para claridad. Combina con encabezados verdes oscuros y gráficos simples. Consejo de uso: mantén los degradados sutiles para que el pitch imprima bien si es necesario.

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

20) Mercado de Hierbas

HEX: #fffef6 #edf4e3 #cfe0b0 #7f9b4a #33421e

Ambiente:rústico, fresco, saludable

Ideal para:póster de mercado agrícola

Los verdes de hierbas con blanco cálido evocan bolsas de papel, ramos frescos y carteles escritos a mano. Esta combinación blanco-verde es ideal en carteles que necesitan una apariencia rústica pero ordenada. Combínala con texturas estampadas, ilustraciones sencillas y una tipografía limitada para mantener el tono amigable. Consejo de uso: utiliza el verde más oscuro para la fecha y lugar para que se lean al instante.

Ejemplo de imagen de mercado de hierbas generado usando media.io

21) Prensa Botánica

HEX: #f9fbf5 #e7f1e1 #bfd6b6 #6f916f #2b3f2f

Ambiente:editorial, botánico, pulido

Ideal para:diseño de spread para revista

Verdes botánicos pulidos sobre blanco suave evocan un artículo editorial en una revista de naturaleza. Un esquema blanco-verde así permite lecturas largas pero mantiene divisiones claras. Combina con cuerpo de texto con serif, grandes márgenes y pies de foto en verde medio. Consejo de uso: reserva el tono más oscuro para citas destacadas para que resalten sin volverse negro.

Ejemplo de imagen de prensa botánica generado usando media.io

22) Packaging de Hierbas de Huerto

HEX: #fffdf5 #f0f6e6 #d3e6c2 #8fbf73 #3a5d2e

Ambiente:fresco, práctico, ecológico

Ideal para:envase de té orgánico

Los verdes huerto frescos con blanco cálido se sienten ecológicos y honestos, como productos básicos con etiquetas simples. Las combinaciones blanco-verde brillan en packaging si mantienes la tipografía limpia y dejas que un solo verde lleve el bloque de marca. Combina con texturas de papel reciclado y pequeñas ilustraciones botánicas para autenticidad. Consejo de uso: reserva el verde más oscuro para textos legales y códigos de barra para que sean nítidos en impresión.

Ejemplo de imagen de packaging de hierbas de huerto generado usando media.io

¿Qué colores combinan bien con blanco y verde?

Blanco y verde combinan naturalmente con neutros cálidos como arena, crema, beige y kraft—ideales para marcas orgánicas y packaging con sensaciones naturales. Para un look más premium, añade pequeños acentos en dorado o bronce (especialmente en acabados de impresión).

En interfaces modernas, el gris (frío o cálido) ayuda a estructurar grillas y separadores sin añadir ruido. El verde-negro profundo o casi negro funciona mejor para el texto porque mantiene un alto contraste dentro del estilo.

Si necesitas más energía, prueba un acento de color pequeño: coral, terracota o un durazno suave pueden añadir amabilidad; el teal azul empuja la paleta hacia lo tecnológico. Mantén el acento siempre pequeño (íconos, resaltes, badges) para conservar la calma del esquema base.

Cómo usar una paleta blanco-verde en diseños reales

Empieza por las proporciones: deja el blanco para la mayoría de las superficies (fondos, tarjetas, márgenes) y usa verdes claros para rellenos de sección y estados. Reserva el verde más oscuro para llamadas a la acción, navegación activa y etiquetas críticas para que la interfaz sea ordenada.

En branding e impresión, elige un verde “de firma” (medio o profundo) y repítelo de manera coherente en logos, títulos y destacadores. Empareja el tono de papel con los blancos de tu paleta—los blancos cálidos suelen ser más naturales que un blanco óptico brillante.

Siempre prueba la accesibilidad y la legibilidad: el texto pequeño debe situarse sobre un fondo casi blanco con un tono verde intenso/carbón. Si un verde medio es demasiado claro para el texto, utilízalo mejor en fondos, chips o formas grandes.

Crea visuales de paleta blanco-verde con IA

Si quieres previsualizar un esquema de color verde-blanco antes de diseñar, genera maquetas rápidas con IA. Esto es especialmente útil para explorar diferentes temperaturas de verde (salvia vs menta vs oliva) y comprobar cómo se ven en diseños reales.

Reutiliza las indicaciones anteriores y luego reemplaza por el nombre de tu paleta, tipo de producto o formato de diseño (póster, página de inicio, empaquetado, kit UI). Conserva “sin marco de dispositivo” o “fondo simple” cuando quieras resultados limpios y editables.

Con Media.io, puedes crear imágenes basadas en paletas en segundos e iterar hasta que el ambiente coincida con tu marca.

Siguiente: Paleta de colores Marrón Dorado