Mercado
Precios
Iniciar sesiónEmpezar
Guía prácticaColor
Color

Degradado lavanda: códigos de morado suave

La lavanda es el morado con el volumen bajado: serena, algo soñadora, nunca estridente. Lo difícil es mantenerla suave sin que se vuelva gris o empalagosa. Estos códigos lo logran.

GradientlyCuenta verificada de Gradiently·1 de octubre de 2026·5 min de lectura
Portada: Low Surf · GR·P3X3·TK

La versión corta

  • Un degradado lavanda mezcla morados pálidos y algo azulados, a menudo con blanco, rubor, melocotón o un azul suave.
  • La lavanda se vuelve gris cuando sus paradas están demasiado desaturadas, y empalagosa cuando todas son rosa y violeta pastel.
  • Un compañero cálido como el melocotón o la mantequilla, o un verde frío como la salvia, da carácter a la lavanda.
  • El texto blanco no se lee sobre lavanda pálida; un ciruela profundo como #2e1065 sí.
  • La lavanda va bien con bienestar, sueño, bodas, belleza y productos digitales tranquilos.
En esta página
Lavanda, lila, pervinca y malvaDegradados lavanda pálidosDegradados lila y pervincaLavanda con melocotón, mantequilla o salviaDegradados lavanda crepuscularesIdeas de degradado lavanda que puedes publicar esta semanaCómo evitar una lavanda gris o empalagosaTexto sobre un degradado lavandaCSS de degradado lavanda

Un degradado lavanda mezcla morados pálidos y suavemente azulados, normalmente de casi blanco a un lila delicado o a un azul pervinca. Transmite calma, ligereza y un punto de ensoñación, por eso lo adoran las marcas de bienestar, sueño, belleza y bodas. Dos cosas pueden salir mal: si le quitas demasiado color se vuelve gris polvoriento, y si le pones demasiado rosa se vuelve empalagoso. Mantén una parada claramente coloreada, combínala con un compañero cálido o verde y pon tus palabras en ciruela profundo.

Lavanda, lila, pervinca y malva

Los morados suaves tienen varios nombres y cada uno se inclina hacia un lado. Saber cuál quieres facilita la mezcla: la lavanda y la pervinca tiran al azul, el lila y el malva tiran al rosa.

La familia de los morados suaves y un ciruela profundo para el texto. Lavanda y pervinca son más fríos; orquídea y malva, más cálidos.

Degradados lavanda pálidos

Son los más discretos, los más cercanos al blanco, para fondos que sostienen mucho texto: cartas de un salón de té, un boletín, las pantallas de bienvenida de una app. Apenas se notan, así que úsalos donde el protagonista es el contenido.

Lavandas casi blancas. Cada una conserva una parada con color de verdad para que nunca se lea como gris.

Degradados lila y pervinca

Un paso más profundo, la lavanda se convierte en un color claro y no en un tinte. De lila a pervinca obtienes una mezcla fría y moderna que luce bien en pantallas de móvil; de lila a orquídea es más cálida y romántica. Mantén ambos extremos con una luminosidad parecida y la mezcla seguirá suave.

Lavandas medias. Las que tiran al azul se sienten digitales y serenas; las que tiran al rosa, románticas.

Lavanda con melocotón, mantequilla o salvia

Sola, la lavanda puede resultar demasiado dulce. Un compañero de fuera de la familia del morado lo arregla. El melocotón y la mantequilla aportan calidez y hacen que la lavanda parezca la luz de primera hora de la tarde. La salvia añade algo maduro y botánico, por eso lavanda y salvia es una combinación tan popular en bodas. En estos tintes pálidos los colores opuestos se mezclan sin enturbiarse, porque hay poca saturación que perder. Los degradados pastel tratan ese principio en toda la rueda.

Lavanda con un compañero. Cada una resulta menos dulce y más parecida a un lugar o una hora del día reales.

Degradados lavanda crepusculares

Llevar la lavanda hacia el violeta o el ciruela da el crepúsculo: aún suave arriba, intenso abajo. Funcionan para apps de sueño, marcas de velas, yoga nocturno, perfume y librerías. El extremo profundo también da al texto blanco un lugar donde apoyarse. Para toda la gama de morados más atrevidos, consulta los degradados morados.

Lavanda arriba, ciruela abajo. Pon los titulares en blanco en la mitad inferior, o en ciruela en la superior.

Ideas de degradado lavanda que puedes publicar esta semana

A menudo se elige la lavanda porque resulta agradable y luego se usa sin plan. Estas son piezas concretas en las que de verdad ayuda:

  • Una app de sueño o meditación: «Hora de dormir» como fondo de bienvenida, texto ciruela arriba y el botón en la zona de violeta profundo.
  • Una publicación de floristería para el Día de la Madre en 1080×1350: «Lavanda y melocotón» con una sola frase: «Los pedidos cierran el jueves».
  • Un lanzamiento de cuidado de la piel: «Bruma de lavanda» detrás de las fotos del producto, para que el envase lleve el color.
  • Un banner de LinkedIn de terapeuta o coach en 1584×396: «Baño de pervinca» transmite calma y profesionalidad sin la frialdad del azul corporativo.
  • Una lista de precios de spa en un cartel A4: «Lavanda y salvia» con texto berenjena, legible desde el otro lado del mostrador de recepción.

Cómo evitar una lavanda gris o empalagosa

Se vuelve gris o empalagosa

  • Todas las paradas desaturadas, como #e2e0e6
  • Lavanda junto a gris frío
  • Lavanda, rosa bebé y violeta a la vez
  • Texto blanco sobre un lila pálido

Sigue suave y clara

  • Al menos una parada con color claro, como #c4b5fd
  • Lavanda junto a blanco cálido o crema
  • Un solo compañero: melocotón, mantequilla o salvia
  • Texto ciruela profundo en las zonas pálidas

Una comprobación útil: pon una muestra de gris puro junto a tu lavanda. Si te cuesta distinguirlas de un vistazo, sube el color un punto. Comprueba también en un móvil con poco brillo, donde los tintes muy pálidos se pierden con facilidad.

Texto sobre un degradado lavanda

La lavanda es muy clara, así que el texto blanco falla en casi toda ella: el blanco sobre lila #c4b5fd mide menos de 2 a 1. El ciruela profundo #2e1065 sobre el mismo lila mide más de 8 a 1 y mantiene el texto dentro de la familia del morado en lugar de la dureza del negro. Para un aspecto más suave sobre las lavandas más pálidas, un berenjena apagado como #3b2f4a sigue aprobando con holgura. Contraste de color y accesibilidad tiene los detalles.

Amara y Leo
Reserva la fecha.
14 de junio de 2027, Hampton Court
Gradiently · @gradiently

Una invitación de 5×7 pulgadas a 300 ppp, en lavanda pálido con texto ciruela.

Amara y Leo
Reserva la fecha.
14 de junio de 2027, Hampton Court
Gradiently · @gradiently

El mismo diseño como story para compartir la noticia, renderizado en su propio tamaño.

Con Pro, Gradiently puede llevar ese único diseño de la impresión a todos los tamaños de redes en un solo paso: el Mark se renderiza de nuevo en cada formato y la tinta automática elige texto claro u oscuro en cada línea a partir de la propia paleta del Mark. Para más sobre papelería, consulta las paletas de colores para bodas.

CSS de degradado lavanda

Por defecto, los navegadores mezclan los colores del degradado en sRGB, lo que puede apagar el centro de una mezcla entre dos tonos. Interpolar en OKLCH mantiene limpio el punto medio, y un hex de reserva cubre los navegadores sin soporte. Consulta los degradados CSS en OKLCH para ver la compatibilidad.

css
.card-lavender {
  background: linear-gradient(135deg, #f5f3ff, #ddd6fe, #fde2cf);
  color: #2e1065;
}

@supports (background: linear-gradient(in oklch, red, blue)) {
  .card-lavender {
    background: linear-gradient(in oklch 135deg, #f5f3ff, #ddd6fe, #fde2cf);
  }
}
De bruma de lavanda a violeta suave y melocotón, con texto ciruela. La versión OKLCH mantiene la mezcla brillante en el centro.

Diseña con un degradado vivo

Publicaciones, historias, diapositivas y banners en todos los tamaños, con texto que siempre se lee.

Empezar a diseñar, gratis

Preguntas frecuentes

¿Cuál es el código hex de la lavanda?

El color CSS lavender es #e6e6fa, un morado azulado muy pálido. Muchos diseñadores usan versiones algo más intensas, como #e6e0f8 o #ddd6fe.

¿Qué colores combinan bien con un degradado lavanda?

Melocotón, amarillo mantequilla, verde salvia, crema y azul suave. Un ciruela profundo funciona bien para el texto.

¿Por qué mi degradado lavanda se ve gris?

Las paradas están demasiado desaturadas o junto a un gris frío. Da color claro al menos a una parada y combínala con blanco cálido en lugar de gris.

¿Qué diferencia hay entre lavanda y lila?

La lavanda tira ligeramente al azul y suele ser más pálida; el lila tira ligeramente al rosa y es algo más intenso.

¿Qué color de texto va sobre la lavanda?

Ciruela profundo o berenjena, como #2e1065. El texto blanco no supera el contraste sobre lavanda pálida.

Compartir esta guía

Escrito por GradientlyCuenta verificada de Gradiently

El equipo detrás de Gradiently, una herramienta de diseño creada en torno a los Marks: degradados vivos que hacen que todo lo que diseñas parezca tuyo.

Ver nuestro perfil

En esta página

Lavanda, lila, pervinca y malvaDegradados lavanda pálidosDegradados lila y pervincaLavanda con melocotón, mantequilla o salviaDegradados lavanda crepuscularesIdeas de degradado lavanda que puedes publicar esta semanaCómo evitar una lavanda gris o empalagosaTexto sobre un degradado lavandaCSS de degradado lavanda

Compartir esta guía

Siguiente en Color

Degradado verde menta: códigos frescos y ligeros

Sigue leyendo

Todas las guías de Color
Color

Degradados morados: paletas, códigos y cómo usarlos

5 min de lectura

El morado es uno de los colores de degradado más usados en la web, lo que lo convierte en una opción segura y a la vez en una en la que es fácil perderse. Aquí tienes paletas pensadas, con los códigos para usarlas.

Degradados

Degradados pastel que se ven frescos, no empalagosos

5 min de lectura

Los pasteles son los degradados que más fácil gustan y los más fáciles de pasar de dulces. Unas pocas reglas hacen que parezcan luz de primavera sobre papel y no una tarta de cumpleaños.

Color

Degradado verde menta: códigos frescos y ligeros

5 min de lectura

La menta es el color más fresco de la rueda y el más fácil de estropear: un paso más fría y parece pasta de dientes o el pasillo de un hospital. Aquí tienes códigos ligeros y apetecibles.

Encuentra el look que es solo tuyo.

Cada Mark es un fondo vivo con un único dueño. Prueba uno que siga disponible y reserva el tuyo cuando te convenza.

Empieza a diseñar

Comprobar un certificado

Escribe un número de certificado o el código de un Mark para ver de quién es.

Funciona con ChatGPT y Claude

Pídele un diseño a tu IA. Lo crea en tu Mark, listo para editar.

ChatGPTClaude
Cómo conectarlo

Producto

  • Mercado
  • Explorar
  • Precios
  • Certificados

Aprende

  • Guía práctica
  • Centro de ayuda
  • Novedades

Desarrolladores

  • Introducción
  • ChatGPT y Claude
  • Referencia de la API
  • Claves de API

Empresa

  • Quiénes somos
  • Contacto
  • Iniciar sesión

Legal

  • Términos
  • Privacidad
  • Reembolsos
  • Protección de Marks
  • Cookies
  • Todas las políticas
Recorre las letras. Cada una lleva un Mark real.Toca una letra para ver su Mark.Un nombre. Diez Marks dentro.
© 2026 Gradiently