Marknaden
Priser
Logga inKom igång
FältguidenIdéer och trender
Idéer och trender

Färgkombinationer för logotyper som fungerar, med hex-koder

En logotyp måste överleva en favicon, en grå kopia och en rubrik i mörkt läge. De här paren och trion är valda för att klara det, med koder och kontrast du kan kontrollera själv.

GradientlyVerifierat Gradiently-konto·1 oktober 2026·5 minuters läsning
Omslag: Meridian of Velvet · GR·979F·H4

Kortversionen

  • De flesta starka logotyper använder en eller två färger, eftersom varje extra färg gör märket svårare att återge litet, i tryck och på varierande bakgrunder.
  • En bra tvåfärgad logotyp parar en mörk färg med en ljus eller klar, så att formerna förblir tydliga även när färgerna är svåra att skilja åt.
  • Två färger med liknande ljushet, som ett medelrött och ett mellanblått, verkar vibrera där de möts och tappar sin kant när de skrivs ut i grått.
  • Varje logotyp ska också fungera i en enda färg, i svart och i vitt, innan någon färg läggs till.
  • En logotyps färger behöver inte vara hela varumärkespaletten: märket kan förbli enkelt medan bakgrunderna runt det bär den rikare färgen.
På den här sidan
Därför använder logotyper så få färgerTio tvåfärgade logotypkombinationerTrefärgade logotypkombinationerLogotypfärgkombinationer att undvikaSå testar du en logotypfärgkombinationHåll logotypen enkel och låt varumärket vara rikt

De färgkombinationer för logotyper som fungerar bäst parar en mörk färg med en ljus eller klar, som marinblått och guld, skogsgrönt och grädde eller kol och lime. Skillnaden i ljushet håller formerna läsbara i favicon-storlek och i gråskala, medan skillnaden i nyans ger märket dess personlighet. Nedan finns tio testade par och tre trior med hex-koder och kontrastvärden, och sedan ett snabbt sätt att kontrollera vilken kombination som helst själv.

Därför använder logotyper så få färger

En logotyp är det mest reproducerade ett företag äger. Den syns som en webbläsarikon på 16 pixlar, broderad på en skjorta, stämplad på en kaffekopp och tryckt i en färg på ett kvitto. Varje färg du lägger till är en sak till som kan gå fel på något av de ställena. Det är därför så många välkända märken är enfärgade, och de flesta andra tvåfärgade.

Börja i svart. Om formen fungerar i svart på vitt och vitt på svart kan färg bara hjälpa. Om den inte gör det räddar ingen kombination den. Grunderna i logotypdesign tar upp formsidan; den här artikeln utgår från att formen är klar.

Tio tvåfärgade logotypkombinationer

Tio par visade som hårda delningar, så som de möts inuti ett märke. Klicka på en färgruta för att kopiera dess kod.
Marinblått och guld

Koder

#14213d #fca311

Kontrast

7,9:1

Känns som

Etablerat, självsäkert, lite klassiskt
Skogsgrönt och grädde

Koder

#1b4332 #f1e9da

Kontrast

9,2:1

Känns som

Naturligt, hantverksmässigt, lugnt
Kol och lime

Koder

#2d2d2d #c6f432

Kontrast

10,7:1

Känns som

Energiskt, sportigt, tekniskt
Plommon och blekrosa

Koder

#4a1942 #f7c8d0

Kontrast

9,4:1

Känns som

Varmt, skönhet, butik
Vinrött och sand

Koder

#6b0f1a #e9d8a6

Kontrast

8,7:1

Känns som

Arv, vin, gästfrihet
Bläck och orange

Koder

#1c1917 #f97316

Kontrast

6,2:1

Känns som

Praktiskt, vänligt, hantverk och verktyg
Lila och mynta

Koder

#5b21b6 #a7f3d0

Kontrast

7,0:1

Känns som

Modernt, lekfullt, mjukvara
Koboltblått och vitt

Koder

#1d4ed8 #ffffff

Kontrast

6,7:1

Känns som

Tydligt, pålitligt, digitalt
Svart och signalrött

Koder

#111111 #e63946

Kontrast

4,5:1

Känns som

Djärvt, brådskande, redaktionellt
Blågrönt och korall

Koder

#0f766e #ff7f6e

Kontrast

2,2:1

Känns som

Livligt, men bara som formerna intill varandra, aldrig text på text
ParKoderKontrastKänns som
Marinblått och guld#14213d #fca3117,9:1Etablerat, självsäkert, lite klassiskt
Skogsgrönt och grädde#1b4332 #f1e9da9,2:1Naturligt, hantverksmässigt, lugnt
Kol och lime#2d2d2d #c6f43210,7:1Energiskt, sportigt, tekniskt
Plommon och blekrosa#4a1942 #f7c8d09,4:1Varmt, skönhet, butik
Vinrött och sand#6b0f1a #e9d8a68,7:1Arv, vin, gästfrihet
Bläck och orange#1c1917 #f973166,2:1Praktiskt, vänligt, hantverk och verktyg
Lila och mynta#5b21b6 #a7f3d07,0:1Modernt, lekfullt, mjukvara
Koboltblått och vitt#1d4ed8 #ffffff6,7:1Tydligt, pålitligt, digitalt
Svart och signalrött#111111 #e639464,5:1Djärvt, brådskande, redaktionellt
Blågrönt och korall#0f766e #ff7f6e2,2:1Livligt, men bara som formerna intill varandra, aldrig text på text
WCAG-kontrastvärden mellan varje par. Över 4,5:1 kan den ena färgen ligga på den andra som text; lägre par ska ligga sida vid sida som former.

Lägg märke till att blågrönt och korall är udda. Båda färgerna har liknande ljushet, så korallfärgade bokstäver på ett blågrönt märke skulle vara svåra att läsa och skulle bli en enda grå klump i ett svartvitt tryck. Paret fungerar ändå när färgerna är separata former, som en blågrön symbol bredvid ett korallfärgat ordmärke, var och en på vit eller mörk bakgrund. Siffrorna kommer från WCAG-formeln som förklaras i färgkontrast och tillgänglighet.

Trefärgade logotypkombinationer

Tre färger passar märken byggda av separata delar: en symbol av brickor, ett ordmärke med en färgad prick, en uppsättning former för ett barnvarumärke. Förankra trion med en mörk färg och välj sedan två som skiljer sig tydligt i nyans. Att sprida dem runt färghjulet, som i triadiska färger, hindrar dem från att konkurrera.

Primärfärger, vuxna. Ett mörkt blått förankrar ett rött och ett gult som annars skulle skrika. Bra för skolor, idrott och leksaker riktade till föräldrar.
Kustvärme. Skifferblågrönt bär ordmärket; saffran och bränd korall fyller symbolens former.
Digitalt och högljutt. Magenta och cyan glöder mot ett nästan svart ankare, för märken inom musik, spel och nattliv.

Logotypfärgkombinationer att undvika

Undvik

  • Medelrött och mellanblått som möts: de verkar vibrera
  • Rent rött och rent grönt tillsammans: svårt för många färgblinda
  • Gult eller bleka pastellfärger på vitt: märket försvinner
  • Fyra eller fler färger av lika tyngd
  • En gradient som enda version av logotypen

I stället

  • Gör den ena i paret mycket mörkare
  • Skilj dem åt på ljushet, inte bara nyans
  • Lägg bleka färger på mörk bakgrund, eller ge dem kontur
  • En ledande färg, en eller två stödjande
  • En platt version först, gradienten som variant

Gradientlogotyper är ett specialfall. De kan se superba ut stora, men de får band i tryck och suddas ut i små storlekar. Behåll en platt version i en eller två färger och behandla gradienten som en variant; gradientlogotyper förklarar hur du bygger båda.

Så testar du en logotypfärgkombination

  1. 1

    Skriv ut den i gråskala

    Konvertera logotypen till grått. Om de två färgerna blir samma grå har paret för liten ljushetsskillnad.

  2. 2

    Krymp den till 16 pixlar

    Titta på den som en ikon i webbläsarfliken. Tunna delar i en blek färg försvinner först.

  3. 3

    Vänd på den

    Lägg logotypen på din mörkaste varumärkesfärg och på vitt. Notera vilken färg som behöver bytas i varje fall och skriv ner det.

  4. 4

    Kontrollera färgblindhet

    Kör den genom en färgblindhetssimulator. Röd-gröna par flyter ofta ihop för personer med de vanligaste typerna av färgblindhet.

  5. 5

    Lägg den på en verklig bakgrund

    En logotyp ligger sällan på enkelt vitt i verkligheten. Testa den på ett foto, en gradient och ett rörigt flöde.

Hamnen

Ett ordmärke som går rakt över en livlig bakgrund kan tappa delar av bokstäverna.

Hamnen

Samma ordmärke med bakgrunden lugnare och djupare bakom det.

Det sista testet är där många logotyper kämpar. Att placera en logotyp på en gradientbakgrund tar upp teknikerna. I Gradiently vet en Mark var orden och logotypen ligger: dess lugnaste del flyttar sig bakom dem och Auto-bläck väljer ljus eller mörk per rad ur Markens egen palett, så att en enkel tvåfärgad logotyp kan ligga på en rik bakgrund utan en ruta bakom.

Håll logotypen enkel och låt varumärket vara rikt

Logotypen behöver inte bära varje färg ditt varumärke använder. Många varumärken håller märket i en eller två färger och lägger djupet i bakgrunder, fotografi och typografi. Om du väljer den bredare paletten härnäst har idéer för varumärkesfärger 30 att utgå från, och kända gradientlogotyper visar hur etablerade varumärken balanserar ett enkelt märke med uttrycksfull färg.

Designa med en levande gradient

Inlägg, stories, presentationer och banners i alla storlekar, med text som alltid går att läsa.

Börja designa, gratis

Vanliga frågor

Vilken är den bästa färgkombinationen för en logotyp?

Det finns inget enskilt bästa par, men en mörk färg med en ljus eller klar, som marinblått och guld eller skogsgrönt och grädde, fungerar nästan överallt eftersom formerna förblir tydliga.

Hur många färger ska en logotyp ha?

En eller två för de flesta logotyper. Tre kan fungera för märken byggda av separata delar, men varje extra färg gör tryck och små storlekar svårare.

Vilka färger ska inte användas tillsammans i en logotyp?

Undvik färger med samma ljushet som möts, som medelrött och mellanblått, och undvik att förlita dig på rött mot grönt, som många färgblinda inte kan skilja åt.

Ska en logotyp fungera i svartvitt?

Ja. En logotyp ska fungera i en färg, i svart och i vitt innan färg läggs till, eftersom den kommer att tryckas och stämplas i enstaka färger.

Kan en logotyp vara en gradient?

Det kan den, men behåll en platt version för små storlekar, broderi och enfärgstryck, och använd gradienten där den har utrymme.

Dela den här guiden

Skriven av GradientlyVerifierat Gradiently-konto

Teamet bakom Gradiently, ett designverktyg byggt kring Marks: levande gradienter som får allt du gör att kännas som ditt.

Se vår profil

På den här sidan

Därför använder logotyper så få färgerTio tvåfärgade logotypkombinationerTrefärgade logotypkombinationerLogotypfärgkombinationer att undvikaSå testar du en logotypfärgkombinationHåll logotypen enkel och låt varumärket vara rikt

Dela den här guiden

Nästa i Idéer och trender

Tvåfärgsdesign: kraftfulla uttryck med bara två färger

Läs vidare

Alla guider om Idéer och trender
Idéer och trender

Varumärkesfärger: 30 färgpaletter med färgkoder

6 minuters läsning

En varumärkespalett är fyra eller fem färger med varsin uppgift, inte en favoritfärg med några kompisar. Här är 30 startpunkter efter stämning och bransch, med koder att kopiera.

Varumärke

Gradientlogotyp: när den fungerar och när du bör gå platt

5 minuters läsning

En gradient kan få en logotyp att kännas levande på en skärm och falla sönder på ett visitkort. Så avgör du, så designar du en som klarar sig, och den platta version du alltid behöver.

Varumärke

Logotyp på gradientbakgrund: så håller du den tydlig

5 minuters läsning

Gradienter byter färg över sin bredd, så en logotyp som syns i ena änden kan försvinna i den andra. Så väljer du version, plats och färg så att det aldrig händer.

Hitta looken som bara är din.

Varje Mark är en levande bakgrund med en enda ägare. Prova en ledig Mark och säkra din när det känns rätt.

Börja designa

Kontrollera ett certifikat

Skriv ett certifikatnummer eller en Marks kod för att se vem som äger den.

Fungerar med ChatGPT och Claude

Be din AI om en design. Den skapar den i din Mark, redo att redigera.

ChatGPTClaude
Så ansluter du

Produkt

  • Marknaden
  • Utforska
  • Priser
  • Certifikat

Lär dig

  • Fältguiden
  • Hjälpcenter
  • Nyheter

Utvecklare

  • Översikt
  • ChatGPT och Claude
  • API-referens
  • API-nycklar

Företaget

  • Om oss
  • Kontakta oss
  • Logga in

Juridik

  • Villkor
  • Integritet
  • Återbetalningar
  • Mark-skydd
  • Cookies
  • Alla policyer
Rör dig över bokstäverna. Var och en bär en riktig Mark.Tryck på en bokstav för att se dess Mark.Ett namn. Tio Marks inuti.
© 2026 Gradiently