Marked
Priser
Logg innStart
DesignguidenIdeer og trender
Ideer og trender

Fargekombinasjoner til logoer som virker, med hex-koder

En logo må tåle et favicon, en grå kopi og en topp i mørk modus. Disse parene og treklangene er valgt for å gjøre det, med koder og kontrast du kan sjekke selv.

GradientlyVerifisert Gradiently-konto·1. oktober 2026·5 min lesetid
Omslag: Meridian of Velvet · GR·979F·H4

Kortversjonen

  • De fleste sterke logoer bruker én eller to farger, fordi hver ekstra farge gjør logoen vanskeligere å gjengi lite, på trykk og på ulike bakgrunner.
  • En god tofarget logo kombinerer mørkt med lyst eller sterkt, så formene er tydelige selv når fargene er vanskelige å skille.
  • To farger med lignende lyshet, som mellomrødt og mellomblått, ser ut til å vibrere der de møtes og mister skillet i grått trykk.
  • Alle logoer bør også virke i én farge, både svart og hvitt, før farge legges til.
  • Logofargene trenger ikke være hele merkevarepaletten. Logoen kan være enkel mens bakgrunnene rundt bærer rikere farger.
På denne siden
Hvorfor logoer bruker så få fargerTi tofargede logokombinasjonerTrefargede logokombinasjonerLogofargekombinasjoner du bør unngåSlik tester du en logofargekombinasjonHold logoen enkel og la merkevaren være rik

De fargekombinasjonene til logoer som virker best kombinerer én mørk farge med én lys eller sterk, som marineblått og gull, skoggrønt og krem eller koksgrått og lime. Lyshetsforskjellen holder formene lesbare i favicon-størrelse og gråtoner, mens fargetonen gir personlighet. Nedenfor får du ti testede par og tre treklanger med hex-koder og kontrastforhold, og en rask måte å teste kombinasjoner selv.

Hvorfor logoer bruker så få farger

En logo er det en bedrift gjengir oftest. Den vises som et nettleserikon på 16 piksler, brodert på en skjorte, stemplet på en kaffekopp og trykt i én farge på en kvittering. Hver ekstra farge er én ting til som kan gå galt et av stedene. Derfor er så mange kjente logoer ensfargede, og de fleste andre tofargede.

Start i svart. Virker formen svart på hvitt og hvitt på svart, kan farge bare hjelpe. Virker den ikke, redder ingen kombinasjon den. Grunnleggende logodesign dekker formen. Her forutsetter vi at den er avklart.

Ti tofargede logokombinasjoner

Ti par med skarpt skille, slik de møtes i en logo. Klikk en fargeprøve for å kopiere koden.
Marineblått og gull

Koder

#14213d #fca311

Kontrast

7,9:1

Føles som

Etablert, trygg, litt klassisk
Skoggrønt og krem

Koder

#1b4332 #f1e9da

Kontrast

9,2:1

Føles som

Naturlig, håndlaget, rolig
Koksgrått og lime

Koder

#2d2d2d #c6f432

Kontrast

10,7:1

Føles som

Energisk, sporty, teknisk
Plomme og lys rosa

Koder

#4a1942 #f7c8d0

Kontrast

9,4:1

Føles som

Varm, skjønnhet, boutique
Burgunder og sand

Koder

#6b0f1a #e9d8a6

Kontrast

8,7:1

Føles som

Tradisjon, vin, gjestfrihet
Blekk og oransje

Koder

#1c1917 #f97316

Kontrast

6,2:1

Føles som

Praktisk, vennlig, håndverk og verktøy
Lilla og mint

Koder

#5b21b6 #a7f3d0

Kontrast

7,0:1

Føles som

Moderne, leken, programvare
Kobolt og hvitt

Koder

#1d4ed8 #ffffff

Kontrast

6,7:1

Føles som

Tydelig, pålitelig, digital
Svart og signalrødt

Koder

#111111 #e63946

Kontrast

4,5:1

Føles som

Modig, presserende, redaksjonell
Blågrønt og korall

Koder

#0f766e #ff7f6e

Kontrast

2,2:1

Føles som

Livlig, men bare som tilstøtende former, aldri tekst mot tekst
ParKoderKontrastFøles som
Marineblått og gull#14213d #fca3117,9:1Etablert, trygg, litt klassisk
Skoggrønt og krem#1b4332 #f1e9da9,2:1Naturlig, håndlaget, rolig
Koksgrått og lime#2d2d2d #c6f43210,7:1Energisk, sporty, teknisk
Plomme og lys rosa#4a1942 #f7c8d09,4:1Varm, skjønnhet, boutique
Burgunder og sand#6b0f1a #e9d8a68,7:1Tradisjon, vin, gjestfrihet
Blekk og oransje#1c1917 #f973166,2:1Praktisk, vennlig, håndverk og verktøy
Lilla og mint#5b21b6 #a7f3d07,0:1Moderne, leken, programvare
Kobolt og hvitt#1d4ed8 #ffffff6,7:1Tydelig, pålitelig, digital
Svart og signalrødt#111111 #e639464,5:1Modig, presserende, redaksjonell
Blågrønt og korall#0f766e #ff7f6e2,2:1Livlig, men bare som tilstøtende former, aldri tekst mot tekst
WCAG-kontrastforhold mellom hvert par. Over 4,5:1 kan én farge brukes som skrift på den andre. Lavere par bør stå side om side som former.

Blågrønt og korall skiller seg ut. Begge har lignende lyshet, så korallfargede bokstaver på et blågrønt merke blir vanskelige å lese og én grå klump i svart-hvitt-trykk. Paret virker fortsatt som separate former, for eksempel et blågrønt symbol ved siden av en korallfarget ordlogo, begge på hvit eller mørk bunn. Tallene kommer fra WCAG-formelen i fargekontrast og tilgjengelighet.

Trefargede logokombinasjoner

Tre farger passer logoer med separate deler: et symbol av fliser, en ordlogo med farget prikk eller et sett former for et barnemerke. Forankre trioen med én mørk farge og velg to med tydelig ulik tone. Fordeling rundt fargesirkelen, som i triadiske farger, holder dem fra å konkurrere.

Voksne primærfarger. Mørk blått forankrer rødt og gult som ellers ville ropt. Bra til skoler, sport og leker rettet mot foreldre.
Kystvarme. Skiferblågrønt bærer ordlogoen, mens safran og brent korall fyller symbolformene.
Digitalt og høylytt. Magenta og cyan gløder mot nesten svart, til logoer for musikk, spill og uteliv.

Logofargekombinasjoner du bør unngå

Unngå

  • Mellomrødt og mellomblått som møtes: de virker vibrerende
  • Rent rødt og rent grønt sammen: vanskelig for mange fargeblinde
  • Gult eller lyse pasteller på hvitt: logoen forsvinner
  • Fire eller flere like dominerende farger
  • En gradient som eneste logoversjon

Gjør heller

  • Gjør én av fargene mye mørkere
  • Skill dem etter lyshet, ikke bare tone
  • Legg lyse farger på mørk bunn eller gi dem kontur
  • Én hovedfarge og én eller to støttefarger
  • En flat versjon først, gradienten som variant

Gradientlogoer er et særtilfelle. De kan se flotte ut stort, men får striper på trykk og blir uklare i liten størrelse. Behold en flat én- eller tofargeversjon og bruk gradienten som variant. Gradientlogoer forklarer hvordan du bygger begge.

Slik tester du en logofargekombinasjon

  1. 1

    Trykk den i gråtoner

    Gjør logoen grå. Blir de to fargene samme grå, er lyshetsforskjellen for liten.

  2. 2

    Krymp til 16 piksler

    Se den som et nettleserikon. Tynne deler i lys farge forsvinner først.

  3. 3

    Snu den

    Plasser logoen på den mørkeste merkefargen og på hvitt. Noter hvilken farge som må byttes i hvert tilfelle.

  4. 4

    Sjekk fargeblindhet

    Bruk en fargeblindhetssimulator. Rød-grønne par flyter ofte sammen for dem med de vanligste formene for fargeblindhet.

  5. 5

    Legg den på en ekte bakgrunn

    En logo ligger sjelden på rent hvitt i bruk. Test på foto, gradient og en urolig strøm.

Harbour

En ordlogo rett over en livlig bakgrunn kan miste deler av bokstavene.

Harbour

Samme ordlogo med en bakgrunn som roer og mørkner seg bak den.

Den siste testen er der mange logoer sliter. Plassere en logo på gradientbakgrunn dekker teknikkene. I Gradiently vet en Mark hvor ord og logo står: det roligste området flyttes bak dem og Auto-tekstfarge velger lyst eller mørkt per linje fra Markens egen palett. En enkel tofarget logo kan derfor ligge på en rik bakgrunn uten en boks bak.

Hold logoen enkel og la merkevaren være rik

Logoen trenger ikke bære alle fargene merkevaren bruker. Mange holder den i én eller to farger og legger dybden i bakgrunn, foto og skrift. Skal du velge den større paletten, har ideer til merkefarger 30 utgangspunkt. Kjente gradientlogoer viser hvordan etablerte merkevarer balanserer en enkel logo med uttrykksfull farge.

Design med en levende gradient

Innlegg, stories, lysbilder og bannere i alle størrelser, med tekst som alltid er lesbar.

Begynn å designe, gratis

Spørsmål folk stiller

Hva er den beste fargekombinasjonen til en logo?

Ingen enkeltpar er best, men mørkt med lyst eller sterkt, som marineblått og gull eller skoggrønt og krem, virker nesten overalt fordi formene forblir tydelige.

Hvor mange farger bør en logo ha?

Én eller to for de fleste logoer. Tre kan fungere for logoer med separate deler, men hver ekstra farge gjør trykk og små størrelser vanskeligere.

Hvilke farger bør ikke brukes sammen i en logo?

Unngå farger med lik lyshet som møtes, som mellomrødt og mellomblått. Unngå å stole på rødt mot grønt, som mange fargeblinde ikke kan skille.

Bør en logo fungere i svart og hvitt?

Ja. Den bør virke i én farge, svart og hvitt, før farge legges til, fordi den vil trykkes og stemples i én farge.

Kan en logo være en gradient?

Ja, men behold en flat versjon for små størrelser, broderi og enfarget trykk. Bruk gradienten der den har plass.

Del denne guiden

Skrevet av GradientlyVerifisert Gradiently-konto

Teamet bak Gradiently, et designverktøy bygget rundt Marks: levende gradienter som gjør at alt du designer ser ut som ditt.

Se profilen vår

På denne siden

Hvorfor logoer bruker så få fargerTi tofargede logokombinasjonerTrefargede logokombinasjonerLogofargekombinasjoner du bør unngåSlik tester du en logofargekombinasjonHold logoen enkel og la merkevaren være rik

Del denne guiden

Neste i Ideer og trender

Tofarget design: tydelige uttrykk med bare to farger

Les videre

Alle guider om Ideer og trender
Ideer og trender

Ideer til merkevarefarger: 30 paletter for nye merkevarer, med koder

6 min lesetid

En merkevarepalett er fire eller fem farger med hver sin jobb, ikke en yndlingsfarge med noen venner. Her er 30 utgangspunkter etter stemning og bransje, med koder du kan kopiere og en måte å teste dem på.

Merkevare

Gradientlogo: når den fungerer, og når du bør gå for flat

5 min lesetid

En gradient kan få en logo til å føles levende på en skjerm og falle sammen på et visittkort. Slik bestemmer du deg, slik designer du en som overlever, og den flate versjonen du alltid trenger.

Merkevare

Logo på gradientbakgrunn: slik holder du den tydelig

5 min lesetid

Gradienter skifter farge over bredden, så en logo som leses i den ene enden, kan forsvinne i den andre. Slik velger du versjonen, stedet og fargen så det aldri skjer.

Finn uttrykket som bare er ditt.

Hver Mark er en levende bakgrunn med én eier. Prøv en ledig Mark og sikre deg din når det føles riktig.

Begynn å designe

Sjekk et sertifikat

Skriv inn et sertifikatnummer eller en Mark-kode for å se hvem som eier den.

Virker med ChatGPT og Claude

Be AI-en din om et design. Den lager det i din Mark, klart til å redigere.

ChatGPTClaude
Slik kobler du til

Produkt

  • Marked
  • Utforsk
  • Priser
  • Sertifikater

Lær

  • Designguiden
  • Hjelpesenter
  • Hva er nytt

Utviklere

  • Oversikt
  • ChatGPT og Claude
  • API-referanse
  • API-nøkler

Selskap

  • Om oss
  • Kontakt oss
  • Logg inn

Juridisk

  • Vilkår
  • Personvern
  • Refusjoner
  • Mark-beskyttelse
  • Informasjonskapsler
  • Alle retningslinjer
Beveg deg over bokstavene. Hver av dem bærer en ekte Mark.Trykk på en bokstav for å se Marken.Ett navn. Ti Marks inni det.
© 2026 Gradiently