Lavendel-gradient: bløde lilla farvekoder

En lavendel-gradient blander blege, blødt blålige lilla toner, som regel fra næsten hvid til en mild syren eller perlemorblå. Den føles rolig, let og lidt drømmende, og derfor elsker wellness-, søvn-, skønheds- og bryllupsbrands den. To ting kan gå galt: dræn for meget farve, så bliver den støvet grå, tilføj for meget rosa, så bliver den sukkersød. Hold ét stop tydeligt farvet, kombiner med en varm eller grøn partner, og sæt dine ord i dyb blomme.

Lavendel, syren, perlemorblå og mauve

Bløde lilla toner har flere navne, og hver hælder sin vej. Ved du, hvilken du vil have, bliver blandingen lettere: lavendel og perlemorblå hælder mod blå, syren og mauve hælder mod rosa.

Blege lavendel-gradienter

Det er de stille, tættest på hvid, til baggrunde med meget tekst: menukort til en tesalon, et nyhedsbrev, en apps introduktionsskærme. De er knap nok til stede, så brug dem, hvor indholdet er pointen.

Syren- og perlemorblå gradienter

Et trin dybere bliver lavendel en tydelig farve frem for en toning. Syren til perlemorblå giver en kølig, moderne blanding, der ser godt ud på telefonskærme; syren til orkidé er varmere og mere romantisk. Hold begge ender i samme lyshed, så forbliver overgangen jævn.

Lavendel med fersken, smørgul eller salvie

Alene kan lavendel føles for sød. En partner uden for den lilla familie løser det. Fersken og smørgul tilføjer varme og får lavendel til at føles som tidligt aftenlys. Salvie tilføjer noget voksent og botanisk, og derfor er lavendel og salvie så populær en kombination til bryllupper. I så blege toninger blandes modsatte farver uden at blive mudrede, fordi der er lidt mætning at miste. Pastelgradienter gennemgår princippet hele farvecirklen rundt.

Lavendel-gradienter i skumring

Lader du lavendel løbe ned i violet eller blomme, får du skumring: stadig blød foroven, rig forneden. De virker til søvnapps, lysbrands, aftenyoga, parfume og boghandlere. Den dybe ende giver også hvid tekst et sted at sidde. Hele spektret af kraftigere lilla toner finder du i lilla gradienter.

Idéer med lavendel-gradienter, du kan poste i denne uge

Lavendel vælges ofte, fordi den føles rar, og bruges så uden en plan. Her er konkrete opgaver, hvor den virkelig hjælper:

• En søvn- eller meditationsapp: »Sengetid« som baggrund på introduktionsskærmene, blommefarvet tekst foroven, knappen i det dybviolette område.
• En blomsterhandlers morsdagsopslag i 1080×1350: »Lavendel og fersken« med én linje: »Bestillinger lukker torsdag.«
• En lancering af hudpleje: »Lavendeldis« bag produktfotos, så emballagen bærer farven.
• En terapeuts eller coachs LinkedIn-banner i 1584×396: »Perlemorblå lavering« virker roligt og professionelt uden kulden fra virksomhedsblå.
• En prisliste til en spa på en A4-plakat: »Lavendel og salvie« med auberginefarvet skrift, læsbar på tværs af en reception.

Undgå grå og sukkersød lavendel

Et nyttigt tjek: læg et rent gråt farvefelt ved siden af din lavendel. Har du svært ved at skelne dem med et hurtigt blik, så skru farven et hak op. Tjek også på en telefon med lav lysstyrke, hvor meget blege toninger let forsvinder.

Tekst på en lavendel-gradient

Lavendel er meget lys, så hvid skrift fejler på næsten hele den: hvid på syren #c4b5fd måler under 2:1. Dyb blomme #2e1065 på samme syren måler over 8:1 og holder teksten inden for den lilla familie i stedet for det hårde sort. Til et blødere udtryk på de blegeste lavendeltoner består en dæmpet aubergine som #3b2f4a stadig komfortabelt. Farvekontrast og tilgængelighed har detaljerne.

Med Pro kan Gradiently tage det ene design fra tryk til alle sociale størrelser i ét trin: Marken gengives frisk i hvert format, og Automatisk tekstfarve vælger lys eller mørk skrift pr. linje ud fra Markens egen palet. Mere om tryksagerne finder du i farvepaletter til bryllupper.

CSS til lavendel-gradienter

Som standard blander browsere gradientfarver i sRGB, hvilket kan gøre midten af en overgang mellem to nuancer mat. Interpolation i OKLCH holder midtpunktet rent, og en hex-fallback dækker browsere uden understøttelse. Se CSS-gradienter i OKLCH for understøttelse.

.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);
  }
}