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

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

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.

GradientlyVerifierat Gradiently-konto·1 oktober 2026·6 minuters läsning
Omslag: Marrakesh Glare · GR·RF0Y·DC

Kortversionen

  • En fungerande varumärkespalett har fyra eller fem färger med fasta uppgifter: en bakgrundsfärg, en huvudfärg, en stödfärg, en neutral för text och en accent.
  • Accenten är färgen folk minns, så den ska finnas på en sak i taget, till exempel en knapp, ett pris eller en logotyp.
  • Paletter som passar en bransch hjälper kunderna att förstå vad du säljer, men det är en enda oväntad färg som gör ett varumärke igenkännbart.
  • Testa en palett på riktiga designer i verklig storlek, i ljust och mörkt, innan du bestämmer dig, eftersom färgprover på en vit sida döljer de flesta problemen.
  • Kontrollera att textfärgen mot bakgrunden klarar WCAG-kontrast, annars blir brödtexten svårläst för många.
På den här sidan
Så byggs en varumärkespalettFärgpaletter efter stämningIdéer till varumärkesfärger efter branschSå får du en palett att kännas som ditt varumärkeTesta dina varumärkesfärger innan du bestämmer digFrån varumärkesfärger till ett utseende

Bra idéer till varumärkesfärger börjar med uppgifter, inte favoriter. Välj en bakgrundsfärg som de flesta av dina designer vilar på, en huvudfärg som säger vilken sorts företag du är, en stödfärg för djup, en neutral för text och en accent som folk minns dig på. Nedan finns 30 paletter byggda så, sex efter stämning med färgprover och 24 efter bransch med koder, plus en snabb metod för att testa den du väljer.

Så byggs en varumärkespalett

De flesta misslyckade paletter är fem färger med lika stor tyngd: ingenting leder, så ingenting känns igen. En palett fungerar när varje färg har sin andel av ytan: bakgrunden täcker det mesta, huvudfärgen en god del och accenten bara en liten flik. 60-30-10-regeln är ett bra utgångsförhållande, även om du böjer den senare.

BakgrundCirka 60 %

Uppgift

Bakgrunder, stora ytor, stämningen
Huvudfärg

Andel av en design

Cirka 25 %

Uppgift

Rubriker, former, färgen som folk förknippar med dig
StödCirka 5 till 10 %

Uppgift

Djup, sekundära paneler, illustrationer
NeutralBara text

Uppgift

Brödtext som måste synas på bakgrunden
AccentUnder 5 %

Uppgift

En knapp, ett pris, en Mark per design
RollAndel av en designUppgift
BakgrundCirka 60 %Bakgrunder, stora ytor, stämningen
HuvudfärgCirka 25 %Rubriker, former, färgen som folk förknippar med dig
StödCirka 5 till 10 %Djup, sekundära paneler, illustrationer
NeutralBara textBrödtext som måste synas på bakgrunden
AccentUnder 5 %En knapp, ett pris, en Mark per design
Fem roller, fem andelar. Accenten fungerar för att den är sällsynt; sprid ut den överallt så blir den en andra huvudfärg.

Färgpaletter efter stämning

Börja här om du vet hur du vill att folk ska känna. Färgassociationer är kulturella snarare än universella, som färgpsykologin förklarar.

1. Lugn och pålitlig. Marinblått känns stadigt; en mässingsaccent hindrar det från att kännas som ett bankutdrag. Passar finans, vård och konsultbyråer.
2. Varm och vänlig. Jordröda toner på grädde känns hantverksmässiga. Den kyliga salviablågröna accenten gör att det inte ser ut som alla andra caféer.
3. Fräsch och naturlig. Gröna nyanser från djupa till ljusa, på krita, för välmåendeföretag och hållbara varumärken.
4. Djärv och modern. En nästan svart bakgrund får mättade färger att glöda. Använd den elektriska himmelsblå sparsamt.
5. Stillsam lyx. Låg mättnad och gott om luft. Guld ser dyrt ut bara när det är dämpat och används sparsamt.
6. Lekfull. Fyra klara färger som hålls ihop av ett mörkt bläck. Låt en färg leda i varje design.

Idéer till varumärkesfärger efter bransch

Varje branschpalett har fyra koder, oftast från mörkast till ljusast, och sista kolumnen pekar ut färgen som gör accentens jobb. Konventioner finns av en anledning: en tandläkare i blågrönt och ett bageri i varma bruna toner förstås direkt. Möt konventionen med huvudfärgen och bryt den försiktigt med accenten.

RevisorHuvudbok

Koder

#1d3557 #457b9d #f1faee #e63946

Därför fungerar den

Marinblått för förtroende, en röd accent som sparas till siffran som räknas
Advokatbyrå

Palett

Kansli

Koder

#2b2d42 #8d99ae #edf2f4 #9c6644

Därför fungerar den

Skiffer och papper med en läderbrun accent
Tandläkare

Palett

Rent bett

Koder

#03363d #17a398 #e6f4f1 #ffb703

Därför fungerar den

Blågrönt känns kliniskt men inte kallt; gult är vänligt
Fysioterapi

Palett

Återhämtning

Koder

#264653 #2a9d8f #e9f5f2 #f4a261

Därför fungerar den

Lugna blågröna toner med en varm, uppmuntrande accent
CaféMorgonrostat

Koder

#4a2c2a #c08552 #f3e9dc #5e8b7e

Därför fungerar den

Kaffebruna toner med en oväntad grön
BageriCrumb

Koder

#7f4f24 #dda15e #fefae0 #bc4749

Därför fungerar den

Skorpa, smör och mjöl, med sylt-rött för erbjudanden
Kvällsrestaurang

Palett

Supperklubb

Koder

#1b1b1e #7a1e2c #d4a373 #f5ebe0

Därför fungerar den

Mörk bakgrund och vinrött känns som middag, med en kolaaccent
Blomsterbutik

Palett

Stjälk

Koder

#2d4a3e #e5989b #ffcdb2 #fffaf5

Därför fungerar den

Djupt bladgrönt får den mjuka rosa accenten att se fräsch ut
Yogastudio

Palett

Andning

Koder

#5e548e #9f86c0 #e0b1cb #fbf8f3

Därför fungerar den

Dova violetta toner som saktar ner blicken, med rosa som accent
GymRep

Koder

#111111 #3a3a3a #f2f2f2 #e4ff1a

Därför fungerar den

Svart och grått med ett högljutt syragult
HudvårdDagg

Koder

#6b4e3d #e8b4a0 #f6e3d8 #fdf8f4

Därför fungerar den

Hudtoner och varma vita nyanser, kakaobrunt för text, persika som accent
Modemärke

Palett

Atelje

Koder

#0f0f0f #c9c1b6 #f4f1ec #8a1c1c

Därför fungerar den

Svart och sten med en enda oxblodsröd
Juvelerare

Palett

Sammet

Koder

#14213d #2e1a47 #f5f0e6 #c9a227

Därför fungerar den

Midnattsblå toner lyfter fram en guldaccent som en monter gör
Fastighetsmäklare

Palett

Ytterdörr

Koder

#22333b #5e503f #eae0d5 #c6ac8f

Därför fungerar den

Kol och trätoner känns som ett välskött hem; sand är accenten
Arkitektbyrå

Palett

Betong

Koder

#262626 #7d7d7d #d9d9d9 #ff5a1f

Därför fungerar den

Grått som material, en enda varselorange
Utvecklarverktyg

Palett

Terminal

Koder

#0b1021 #1f6feb #e6edf3 #7ee787

Därför fungerar den

Mörka gränssnittsblå toner med en kodgrön accent
FintechMintbok

Koder

#0a2e2a #00b37e #d7f9ec #1e1e24

Därför fungerar den

Djupgrönt med en klar mintaccent signalerar pengar utan dollarklichéer
AI-produkt

Palett

Signal

Koder

#0e0b16 #5b5bd6 #a78bfa #f0abfc

Därför fungerar den

Indigo på nästan svart, med orkidé som återhållen accent
PodcastI sändning

Koder

#1a1423 #ff7b54 #ffb26b #ffd56b

Därför fungerar den

En mörk studiobakgrund med en varm solnedgångstrappa, korall i täten
Barnvarumärke

Palett

Lekplats

Koder

#118ab2 #06d6a0 #ffd166 #ef476f

Därför fungerar den

Klara, ljusa färger mjukade precis lagom; rosa är accenten
Välgörenhet

Palett

Gemensam grund

Koder

#2f3e46 #52796f #cad2c5 #f4a259

Därför fungerar den

Nyktra gröna toner med en hoppfull orange
Friluftsutrustning

Palett

Stigfot

Koder

#283618 #606c38 #fefae0 #dd6b20

Därför fungerar den

Oliv och segelduk med en välsynlig orange
Bröllopsplanerare

Palett

Löften

Koder

#6d597a #b56576 #e8c2ca #fbf6f0

Därför fungerar den

Plommon med en rosaaccent som tar sig bra på papper
MusikerEfter midnatt

Koder

#090014 #3c096c #ff006e #fb5607

Därför fungerar den

Klubbmörker med två heta, sammanhängande accenter
VerksamhetPalettKoderDärför fungerar den
RevisorHuvudbok#1d3557 #457b9d #f1faee #e63946Marinblått för förtroende, en röd accent som sparas till siffran som räknas
AdvokatbyråKansli#2b2d42 #8d99ae #edf2f4 #9c6644Skiffer och papper med en läderbrun accent
TandläkareRent bett#03363d #17a398 #e6f4f1 #ffb703Blågrönt känns kliniskt men inte kallt; gult är vänligt
FysioterapiÅterhämtning#264653 #2a9d8f #e9f5f2 #f4a261Lugna blågröna toner med en varm, uppmuntrande accent
CaféMorgonrostat#4a2c2a #c08552 #f3e9dc #5e8b7eKaffebruna toner med en oväntad grön
BageriCrumb#7f4f24 #dda15e #fefae0 #bc4749Skorpa, smör och mjöl, med sylt-rött för erbjudanden
KvällsrestaurangSupperklubb#1b1b1e #7a1e2c #d4a373 #f5ebe0Mörk bakgrund och vinrött känns som middag, med en kolaaccent
BlomsterbutikStjälk#2d4a3e #e5989b #ffcdb2 #fffaf5Djupt bladgrönt får den mjuka rosa accenten att se fräsch ut
YogastudioAndning#5e548e #9f86c0 #e0b1cb #fbf8f3Dova violetta toner som saktar ner blicken, med rosa som accent
GymRep#111111 #3a3a3a #f2f2f2 #e4ff1aSvart och grått med ett högljutt syragult
HudvårdDagg#6b4e3d #e8b4a0 #f6e3d8 #fdf8f4Hudtoner och varma vita nyanser, kakaobrunt för text, persika som accent
ModemärkeAtelje#0f0f0f #c9c1b6 #f4f1ec #8a1c1cSvart och sten med en enda oxblodsröd
JuvelerareSammet#14213d #2e1a47 #f5f0e6 #c9a227Midnattsblå toner lyfter fram en guldaccent som en monter gör
FastighetsmäklareYtterdörr#22333b #5e503f #eae0d5 #c6ac8fKol och trätoner känns som ett välskött hem; sand är accenten
ArkitektbyråBetong#262626 #7d7d7d #d9d9d9 #ff5a1fGrått som material, en enda varselorange
UtvecklarverktygTerminal#0b1021 #1f6feb #e6edf3 #7ee787Mörka gränssnittsblå toner med en kodgrön accent
FintechMintbok#0a2e2a #00b37e #d7f9ec #1e1e24Djupgrönt med en klar mintaccent signalerar pengar utan dollarklichéer
AI-produktSignal#0e0b16 #5b5bd6 #a78bfa #f0abfcIndigo på nästan svart, med orkidé som återhållen accent
PodcastI sändning#1a1423 #ff7b54 #ffb26b #ffd56bEn mörk studiobakgrund med en varm solnedgångstrappa, korall i täten
BarnvarumärkeLekplats#118ab2 #06d6a0 #ffd166 #ef476fKlara, ljusa färger mjukade precis lagom; rosa är accenten
VälgörenhetGemensam grund#2f3e46 #52796f #cad2c5 #f4a259Nyktra gröna toner med en hoppfull orange
FriluftsutrustningStigfot#283618 #606c38 #fefae0 #dd6b20Oliv och segelduk med en välsynlig orange
BröllopsplanerareLöften#6d597a #b56576 #e8c2ca #fbf6f0Plommon med en rosaaccent som tar sig bra på papper
MusikerEfter midnatt#090014 #3c096c #ff006e #fb5607Klubbmörker med två heta, sammanhängande accenter
Kopiera koderna till ditt varumärkeskit och justera en färg tills den känns som din.

Så får du en palett att kännas som ditt varumärke

Det som gör en färdig palett till en identitet är ett beslut som ingen annan på din gata har tagit, oftast accenten: en advokatbyrå i läderbrunt, ett gym i syragult. Byt accent först och behåll bakgrunds- och textfärgen, så får du ett utseende utan att tappa läsbarheten.

Undvik

  • Fem starka färger som används lika mycket
  • Att välja logotypens färg först och resten på känn
  • En accent på varje element i varje design
  • Ljusgrå text på krämfärgad bakgrund
  • Att välja från färgprover på en vit sida

Gör så här

  • En bakgrund som täcker det mesta av ytan
  • Roller först, sedan färger som fyller dem
  • En accentuerad sak per design
  • En mörk neutral som klarar kontrasten
  • Testa på ett riktigt inlägg, en story och en banner

En palett som blandas till en mjuk gradient ger dig en bakgrund som otvetydigt är din, så länge färgerna hör ihop.

Tre av paletterna ovan som bakgrunder. Närliggande färger blandas rent; håll accenten utanför blandningen och lägg den ovanpå.

Testa dina varumärkesfärger innan du bestämmer dig

  1. 1

    Gör tre riktiga designer

    Ett kvadratiskt inlägg, en story på 1080×1920 och en header på 1500×500, med riktiga ord och din logotyp.

  2. 2

    Kontrollera textkontrasten

    Din neutrala färg på din bakgrund ska klara WCAG AA. Färgkontrast och tillgänglighet visar hur du mäter den.

  3. 3

    Titta på den liten

    Krymp inlägget till miniatyrstorlek. Kan du fortfarande se att det är ditt gör paletten sitt jobb.

  4. 4

    Prova den bredvid konkurrenterna

    Lägg ditt inlägg bredvid tre lokala rivaler. Smälter ditt in, byt accent, inte hela paletten.

  5. 5

    Skriv ner koderna

    Notera varje hexkod och dess roll på ett ställe.

Bageri Crumb
Nybakat bröd från sju.
Surdeg, råg och lördagsbullen
Gradiently · @gradiently

Att testa en palett på ett riktigt inlägg: rubriken, detaljen och bakgrunden måste fungera tillsammans i 1080×1350.

Vill du ha hjälp att välja går hur du väljer varumärkesfärger igenom beslutet från grunden, och färgkombinationer för logotyper snävar in det till de två eller tre färger som själva märket ska använda.

Från varumärkesfärger till ett utseende

Fem hexkoder kan vem som helst kopiera. I Gradiently bär en Mark en palett som en levande bakgrund med eget ljus, korn och rörelse, och inga två Marks ser likadana ut. Sök i Marknaden med färgord som ”djup blågrön” för att hitta en som ligger nära din palett, designa med den gratis och säkra den så att bara du kan exportera med den. Ditt varumärkeskit håller de exakta koderna för text och accenter.

Hitta en gradient som bara är din

Bläddra bland tusentals Marks, designa med vilken som helst av dem utan kostnad och säkra den som känns som du.

Utforska Marknaden

Vanliga frågor

Hur många färger ska ett varumärke ha?

Fyra eller fem räcker för de flesta varumärken: en bakgrund, en huvudfärg, en stödfärg, en neutral för text och en accent. Fler än så är svåra att använda konsekvent.

Vilken är den bästa färgen för ett nytt varumärke?

Det finns ingen enskild bästa färg. Välj en huvudfärg som passar det du säljer, och sedan en accent som dina konkurrenter inte använder, så att kunderna kan känna igen dig.

Ska mina varumärkesfärger passa min bransch?

Att matcha branschen med huvudfärgen hjälper folk att förstå dig snabbt. Att bryta mot den med accenten är det som gör dig minnesvärd.

Hur kontrollerar jag att mina varumärkesfärger är tillgängliga?

Mät kontrasten mellan textfärgen och bakgrunden med ett WCAG-kontrastverktyg. Brödtext bör nå minst 4,5:1.

Kan jag använda en gradient som varumärkesfärg?

Ja, så länge den bygger på närliggande färger i din palett och du har en enfärgad version för små användningar som favicon och text.

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

Så byggs en varumärkespalettFärgpaletter efter stämningIdéer till varumärkesfärger efter branschSå får du en palett att kännas som ditt varumärkeTesta dina varumärkesfärger innan du bestämmer digFrån varumärkesfärger till ett utseende

Dela den här guiden

Nästa i Idéer och trender

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

Läs vidare

Alla guider om Idéer och trender
Färg

Så väljer du varumärkesfärger: en metod steg för steg

5 minuters läsning

Varumärkesfärger väljs, de hittas inte. En tydlig metod tar dig från ett tomt blad till en palett som är särpräglad, läsbar och fortfarande rätt om två år.

Idéer och trender

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

5 minuters läsning

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.

Färg

60-30-10-regeln: färgproportioner för design och varumärke

5 minuters läsning

De flesta paletter misslyckas på proportionerna, inte på valet. Tre siffror visar hur mycket av varje färg du ska använda, och de fungerar lika bra på en mobilskärm som i vardagsrummen där de kommer ifrån.

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