Mercado
Preços
Iniciar sessãoComeçar
Guia PráticoCor
Cor

Gradiente lavanda: códigos de roxo suave

A lavanda é o roxo com o volume baixo: calma, um pouco sonhadora, nunca ruidosa. O difícil é mantê-la suave sem a deixar ficar cinzenta ou açucarada. Estes códigos conseguem as duas coisas.

GradientlyConta Gradiently verificada·1 de outubro de 2026·5 min de leitura
Capa: Low Surf · GR·P3X3·TK

A versão curta

  • Um gradiente lavanda mistura roxos claros e ligeiramente azulados, muitas vezes com branco, rosa-pálido, pêssego ou um azul suave.
  • A lavanda fica cinzenta quando as paragens são pouco saturadas, e fica açucarada quando todas as paragens são rosa e violeta pastel.
  • Um parceiro quente como o pêssego ou a manteiga, ou um verde frio como a salva, dá carácter à lavanda.
  • O texto branco não se lê sobre lavanda clara; uma ameixa profunda como #2e1065 lê-se.
  • A lavanda serve bem-estar, sono, casamentos, beleza e produtos digitais calmos.
Nesta página
Lavanda, lilás, pervinca e malvaGradientes de lavanda claraGradientes de lilás e pervincaLavanda com pêssego, manteiga ou salvaGradientes de lavanda crepuscularIdeias de gradiente lavanda que podes publicar esta semanaComo evitar a lavanda cinzenta e açucaradaTexto sobre um gradiente lavandaCSS de gradiente lavanda

Um gradiente lavanda mistura roxos claros e suavemente azulados, normalmente de quase branco a um lilás ou pervinca delicado. Dá uma sensação calma, leve e um pouco sonhadora, e é por isso que as marcas de bem-estar, sono, beleza e casamentos gostam tanto dele. Duas coisas podem correr mal: se lhe tirares cor a mais fica um cinzento poeirento, se lhe juntares rosa a mais fica açucarado. Mantém uma paragem claramente colorida, combina-a com um parceiro quente ou verde e compõe o texto em ameixa profunda.

Lavanda, lilás, pervinca e malva

Os roxos suaves têm vários nomes, e cada um tende para um lado. Saber qual queres facilita a mistura: a lavanda e a pervinca tendem para o azul, o lilás e a malva tendem para o rosa.

A família dos roxos suaves e uma ameixa profunda para o texto. A lavanda e a pervinca são mais frias; a orquídea e a malva são mais quentes.

Gradientes de lavanda clara

Estes são os mais discretos, os mais próximos do branco, para fundos que levam muito texto: ementas de uma casa de chá, uma newsletter, os ecrãs de introdução de uma app. Quase não se notam, por isso usa-os onde o conteúdo é o que importa.

Lavandas quase brancas. Cada uma mantém uma paragem com cor a sério para nunca se ler como cinzento.

Gradientes de lilás e pervinca

Um passo mais fundo, a lavanda passa a ser uma cor clara e não um tom esbatido. Do lilás à pervinca dá uma mistura fria e moderna que fica bem em ecrãs de telemóvel; do lilás à orquídea é mais quente e mais romântica. Mantém as duas pontas com luminosidade semelhante e a mistura fica suave.

Lavandas médias. As que tendem para o azul parecem digitais e calmas; as que tendem para o rosa parecem românticas.

Lavanda com pêssego, manteiga ou salva

Sozinha, a lavanda pode parecer doce demais. Um parceiro de fora da família do roxo resolve isso. O pêssego e a manteiga acrescentam calor e fazem a lavanda parecer a luz do início da noite. A salva acrescenta algo adulto e botânico, e é por isso que lavanda e salva é uma combinação tão popular em casamentos. Nestes tons claros, as cores opostas misturam-se sem ficarem turvas, porque há pouca saturação a perder. Os gradientes pastel tratam desse princípio em toda a roda de cores.

Lavanda com um parceiro. Cada uma parece menos doce e mais um lugar ou uma hora do dia verdadeiros.

Gradientes de lavanda crepuscular

Levar a lavanda até ao violeta ou à ameixa dá-te o crepúsculo: ainda suave no topo, rico em baixo. Funcionam para apps de sono, marcas de velas, ioga ao fim do dia, perfumaria e livrarias. A ponta escura dá também ao texto branco um sítio onde assentar. Para toda a gama de roxos mais fortes, vê os gradientes roxos.

Lavanda no topo, ameixa em baixo. Põe os títulos a branco na metade inferior, ou a ameixa na metade superior.

Ideias de gradiente lavanda que podes publicar esta semana

A lavanda escolhe-se muitas vezes porque é agradável e depois usa-se sem plano. Estas são peças concretas em que ajuda a sério:

  • Uma app de sono ou meditação: “Hora de dormir” como fundo de introdução, texto ameixa no topo, o botão na zona violeta profunda.
  • Uma publicação de florista para o Dia da Mãe a 1080×1350: “Lavanda e pêssego” com uma frase, “Encomendas até quinta-feira.”
  • Um lançamento de cuidados de pele: “Névoa de lavanda” por trás das fotografias do produto, para a embalagem levar a cor.
  • Um banner de LinkedIn de terapeuta ou coach a 1584×396: “Banho de pervinca” lê-se calmo e profissional sem a frieza do azul empresarial.
  • Uma tabela de preços de spa num cartaz A4: “Lavanda e salva” com letra cor de beringela, legível do outro lado da receção.

Como evitar a lavanda cinzenta e açucarada

Fica cinzenta ou açucarada

  • Todas as paragens pouco saturadas, como #e2e0e6
  • Lavanda ao lado de cinzento frio
  • Lavanda, rosa-bebé e violeta todos ao mesmo tempo
  • Texto branco sobre um lilás claro

Fica suave e clara

  • Pelo menos uma paragem com cor clara, como #c4b5fd
  • Lavanda ao lado de branco quente ou creme
  • Um só parceiro: pêssego, manteiga ou salva
  • Texto ameixa profundo sobre as zonas claras

Uma verificação útil: põe uma amostra de cinzento puro ao lado da tua lavanda. Se tiveres dificuldade em distingui-las de relance, sobe a cor um ponto. Verifica também num telemóvel com pouco brilho, onde os tons muito claros se perdem com facilidade.

Texto sobre um gradiente lavanda

A lavanda é muito clara, por isso a letra branca falha em quase toda ela: branco sobre lilás #c4b5fd mede menos de 2 para 1. Ameixa profunda #2e1065 sobre o mesmo lilás mede mais de 8 para 1 e mantém o texto dentro da família do roxo em vez da dureza do preto. Para um aspeto mais suave nas lavandas mais pálidas, uma beringela suave como #3b2f4a continua a passar com folga. A cor, contraste e acessibilidade tem os pormenores.

Amara e Leo
Guarda a data.
14 de junho de 2027, Hampton Court
Gradiently · @gradiently

Um convite de 5×7 polegadas a 300 dpi, em lavanda clara com letra ameixa.

Amara e Leo
Guarda a data.
14 de junho de 2027, Hampton Court
Gradiently · @gradiently

O mesmo design como story para partilhar a novidade, renderizado no seu próprio tamanho.

Com o Pro, o Gradiently pode levar esse único design da impressão para todos os tamanhos sociais num só passo: o Mark é renderizado de novo em cada formato, e a tinta automática escolhe letra clara ou escura linha a linha a partir da paleta do próprio Mark. Para saber mais sobre papelaria, vê as paletas de cores para casamentos.

CSS de gradiente lavanda

Por omissão, os navegadores misturam as cores do gradiente em sRGB, o que pode esbater o meio de uma mistura entre dois matizes. Interpolar em OKLCH mantém o ponto médio limpo, e um recurso em hex cobre os navegadores sem suporte. Vê os gradientes CSS em OKLCH para o suporte.

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 névoa de lavanda a violeta suave a pêssego, com texto ameixa. A versão OKLCH mantém a mistura luminosa até ao meio.

Cria com um gradiente vivo

Publicações, stories, diapositivos e banners em todos os tamanhos, com texto que se lê sempre.

Começar a criar, grátis

Perguntas frequentes

Qual é o código hex da lavanda?

A cor CSS com nome lavender é #e6e6fa, um roxo azulado muito claro. Muitos designers usam versões ligeiramente mais ricas, como #e6e0f8 ou #ddd6fe.

Que cores combinam com um gradiente lavanda?

Pêssego, amarelo-manteiga, verde-salva, creme e azul suave. Uma ameixa profunda funciona bem para o texto.

Porque é que o meu gradiente lavanda parece cinzento?

As paragens são pouco saturadas ou estão ao lado de cinzento frio. Dá cor clara a pelo menos uma paragem e combina-a com branco quente em vez de cinzento.

Qual é a diferença entre lavanda e lilás?

A lavanda tende ligeiramente para o azul e costuma ser mais clara; o lilás tende ligeiramente para o rosa e é um pouco mais forte.

Que cor de texto se usa sobre lavanda?

Ameixa profunda ou beringela, como #2e1065. O texto branco falha o contraste sobre lavanda clara.

Partilhar este guia

Escrito pela GradientlyConta Gradiently verificada

A equipa por trás da Gradiently, uma ferramenta de design construída em torno dos Marks: gradientes vivos que fazem tudo o que crias parecer teu.

Ver o nosso perfil

Nesta página

Lavanda, lilás, pervinca e malvaGradientes de lavanda claraGradientes de lilás e pervincaLavanda com pêssego, manteiga ou salvaGradientes de lavanda crepuscularIdeias de gradiente lavanda que podes publicar esta semanaComo evitar a lavanda cinzenta e açucaradaTexto sobre um gradiente lavandaCSS de gradiente lavanda

Partilhar este guia

A seguir em Cor

Gradiente verde-menta: códigos frescos e claros

Continua a ler

Todos os guias de Cor
Cor

Gradientes roxos: paletas, códigos e como os usar

5 min de leitura

O roxo é uma das cores de gradiente mais usadas na web, o que o torna uma escolha segura e também uma em que é fácil perder-se. Eis paletas que parecem pensadas, com os códigos para as usares.

Gradientes

Gradientes pastel que ficam frescos, não açucarados

5 min de leitura

Os pastéis são os gradientes mais fáceis de gostar e os mais fáceis de exagerar. Algumas regras mantêm-nos a parecer luz de primavera sobre papel e não um bolo de aniversário.

Cor

Gradiente verde-menta: códigos frescos e claros

5 min de leitura

A menta é a cor mais fresca da roda e a mais fácil de errar: um passo demasiado fria e parece pasta de dentes ou corredor de hospital. Aqui ficam códigos claros que continuam apetecíveis.

Encontra o visual que é só teu.

Cada Mark é um fundo vivo com um só dono. Experimenta um Mark ainda disponível e reserva o teu quando te parecer certo.

Começar a criar

Verificar um certificado

Escreve um número de certificado ou o código de um Mark para veres quem é o dono.

Funciona com o ChatGPT e o Claude

Pede um design à tua IA. Ela cria-o no teu Mark, pronto a editar.

ChatGPTClaude
Como ligar

Produto

  • Mercado
  • Explorar
  • Preços
  • Certificados

Aprender

  • Guia Prático
  • Centro de ajuda
  • Novidades

Programadores

  • Visão geral
  • ChatGPT e Claude
  • Referência da API
  • Chaves de API

Empresa

  • Sobre nós
  • Contactos
  • Iniciar sessão

Legal

  • Termos
  • Privacidade
  • Reembolsos
  • Proteção de Marks
  • Cookies
  • Todas as políticas
Passa pelas letras. Cada uma veste um Mark real.Toca numa letra para veres o seu Mark.Um nome. Dez Marks lá dentro.
© 2026 Gradiently