Marknaden
Priser
Logga inKom igång
FältguidenFärg
Färg

Teal färgbetydelse och varför varumärken älskar den

Teal gör två jobb på en gång: den lugnar som blått och friskar upp som grönt. Den dubbla betydelsen, och att den inte är rent blå, är varför så många hälso-, finans- och teknikvarumärken väljer den.

GradientlyVerifierat Gradiently-konto·1 oktober 2026·5 minuters läsning
Omslag: Walnut Interval · GR·8KKY·PX

Kortversionen

  • Betydelsen av färgen teal förenar blåtts lugn, klarhet och förtroende med grönts förnyelse, hälsa och balans.
  • Teal har fått sitt namn efter kricka, en liten and vars hanar har ett skimrande grönt fält runt ögat.
  • Den namngivna CSS-färgen teal är #008080, en blågrön mellanton med lika delar grönt och blått och inget rött.
  • Varumärken väljer teal eftersom den känns lika pålitlig som blått och samtidigt skiljer sig från de många varumärken som redan använder blått.
  • Orange och korall är tealens naturliga komplementfärger, och därför är teal och orange en så vanlig kombination i film och design.
På den här sidan
Varifrån teal kommerFärgpsykologi för tealNyanser av teal och vad var och en sägerDärför älskar varumärken tealSå bygger du ett varumärke kring tealFärger som passar till teal

Betydelsen av färgen teal är lugn med puls: den förenar blåtts förtroende, klarhet och behärskning med grönts förnyelse, hälsa och balans. Teal ser fräsch men allvarlig ut, eftertänksam men inte kall. Den undviker också mängden. Ett varumärke som vill ha blåtts trygghet utan att se ut som varenda bank och mjukvaruföretag har ett färdigt svar i teal, vilket är en stor del av varför den finns inom vård, finans, välmående och teknik.

Varifrån teal kommer

Färgen har fått sitt namn efter krickan, en liten simand vars hanar har ett brett band av skimrande grönt från ögat bakåt. Ordet började användas som färgnamn på engelska i början av 1900-talet. På skärmar betyder teal lika delar grönt och blått ljus och inget rött, och CSS-nyckelordet teal är precis det.

css
:root {
  /* The CSS named colour */
  --teal: teal; /* #008080, rgb(0 128 128) */

  /* A practical brand scale */
  --teal-100: #ccfbf1;
  --teal-300: #5eead4;
  --teal-500: #14b8a6;
  --teal-700: #0f766e;
  --teal-900: #134e4a;
}
Nyckelordet teal och en skala i fem steg som du kan klistra in i en stilmall. Steg 700 bär vit text bekvämt.

Färgpsykologi för teal

De flesta av tealens associationer kommer från vatten och natur: grunt tropiskt hav, lagun, mineralpooler och patinan på gammalt koppar. De bilderna får den att kännas ren, sval, återhämtande och lite värdefull. Som alla färgbetydelser är det inlärda associationer och inte regler, och färgpsykologi förklarar varför sammanhanget förskjuter dem.

Förtroende

Från grönt

Förnyelse

Tealens egna

Klarhet med värme
LugnHälsa

Tealens egna

Fräsch men vuxen
Kompetens

Från grönt

Balans

Tealens egna

Varken företagsmässig eller lantlig
DjupTillväxt

Tealens egna

Modern och könsneutral
Från blåttFrån gröntTealens egna
FörtroendeFörnyelseKlarhet med värme
LugnHälsaFräsch men vuxen
KompetensBalansVarken företagsmässig eller lantlig
DjupTillväxtModern och könsneutral
Teal lånar av båda föräldrarna och får till slut en egen karaktär.

Nyanser av teal och vad var och en säger

Ljusa teal känns luftiga och kliniska, mörka teal känns rika och stilla och dammig teal känns som inredning och hantverk.
  • Havsskum och akvateal: friskhet, spa, sommar, tillgänglighet.
  • Klar teal: energi och optimism med en teknisk udd, bra för appar och instrumentpaneler.
  • Djup och mörk teal: självförtroende, djup och lyx, ett starkt alternativ till marinblått.
  • Dammig teal: lugn, vintage och handgjort, fungerar för hemtextil, keramik och caféer.

Därför älskar varumärken teal

Teal löser ett vanligt varumärkesproblem. Blått är det säkra valet för allt som rör pengar, hälsa eller data, så många konkurrenter använder det redan. Teal behåller det mesta av blåtts trovärdighet och tillför en känsla av omsorg och friskhet, vilket är precis den ton en klinik, en pensionsapp eller en tjänst för välmående vill ha. Den är också fri från den tydliga könskodning som rosa och vissa blå färger bär på.

Det finns ställen där teal passar sämre. Om hela din kategori redan lutar åt teal, som vissa marknader för välmående och tandvård gör, slutar den vara särskiljande och du behöver ett andra signaturelement. Mycket klar teal kan också kännas ung och teknisk, vilket kan skava för en anrik advokatbyrå eller en begravningsbyrå. I de fallen behåller en dammig eller mycket mörk teal lugnet utan startupkänslan. Så väljer du varumärkesfärger har en fullare metod.

Riverside Clinic
Tider samma dag.
Boka online, träffa en läkare i dag
Gradiently · @gradiently

Teal för en klinik: lugn, ren och pålitlig utan sjukhusblåtts kyla.

Nytt i appen
Dina besparingar, i en blick.
Varje pott, en enkel vy
Gradiently · @gradiently

Djup teal för en pengaapp: trovärdig som en bank, men varmare och modernare.

Så bygger du ett varumärke kring teal

  1. 1

    Bestäm hur ljus eller djup

    Ljusa teal känns öppna och vänliga, djupa teal känns etablerade. Välj en huvudteal och skriv ner dess hexkod, så att varje fil använder exakt samma färg.

  2. 2

    Ge den en textfärg

    Kontrollera vilken färg som läses på din huvudteal. Klara teal vill ha nästan svart text, djupa teal tar vit.

  3. 3

    Lägg till en varm accent

    En korall, orange eller guld i små doser hindrar en tealpalett från att kännas klinisk. Spara den till knappar, priser eller en enda form.

  4. 4

    Testa den i tryck tidigt

    Mycket klar teal på skärmen kan se märkbart matt ut i tryck. Be om ett provtryck innan du beställer förpackningar eller skyltar, RGB eller CMYK förklarar varför.

  5. 5

    För in den i bakgrunder

    Inlägg i sociala medier och bildspel är där folk oftast ser ett varumärke. En enhetlig tealbakgrund i dem gör mer för igenkänningen än logotypen ensam.

Färger som passar till teal

Tealens komplement ligger i orange- och korallområdet, så varma accenter får den att lysa. Samma motsats ligger bakom den välkända färgbehandlingen med teal och orange i film, där kalla skuggor lyfter fram varm hud. För lugnare paletter håller du teal till sina grannar, marinblått och salvia, som i analoga färger.

Teal med sina varma komplement och med sina egna djupare nyanser. Mer i tealgradienter.

Undvik

  • Vit text på klar teal #14b8a6: ungefär 2,5:1
  • Vit text på #0d9488: ungefär 3,7:1, fortfarande under 4,5:1
  • Teal rakt över i rött, som blir grumligt i mitten

Gör så här

  • Nästan svart text på klar teal, runt 8:1
  • Vit text på djup teal #0f766e, ungefär 5,5:1
  • Blanda teal via marinblått eller grönt, inte tvärs över hjulet

Kontrollera dina egna par med metoden i färgkontrast och tillgänglighet, och se turkosa gradienter om du vill ha en ljusare, soligare version av samma familj. När du vill ha en teal som bara är din, sök i Marknaden på Gradiently efter ”deep teal”: varje Mark har en ägare i taget och håller din text läsbar medan den rör sig.

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

Vad betyder färgen teal?

Teal betyder lugn, klarhet och förtroende från blått, tillsammans med förnyelse, hälsa och balans från grönt. Den ser fräsch och modern ut men fortfarande allvarlig.

Vad är hexkoden för teal?

Den namngivna CSS-färgen teal är #008080. Varumärken använder ofta ljusare eller djupare versioner, som #14b8a6 eller #0f766e.

Är teal blå eller grön?

Båda. Teal är en blågrön färg, som på skärmen skapas av lika delar grönt och blått ljus och inget rött.

Vilken färg passar bäst till teal?

Orange och korall är dess komplement och får den att lysa. Marinblått, salvia, crème och guld ger lugnare, mer eleganta kombinationer.

Vad symboliserar mörk teal?

Mörk teal antyder djup, självförtroende och tyst lyx. Många varumärken använder den som ett varmare, mer särpräglat alternativ till marinblått.

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

Varifrån teal kommerFärgpsykologi för tealNyanser av teal och vad var och en sägerDärför älskar varumärken tealSå bygger du ett varumärke kring tealFärger som passar till teal

Dela den här guiden

Nästa i Färg

Split-komplementära färger: kontrast med mindre krock

Läs vidare

Alla guider om Färg
Färg

Tealgradient: koder från lagun till djuphav

5 minuters läsning

Teal ligger exakt mellan blått och grönt, vilket gör den lugn, smart och ovanligt lätt att blanda. Gå ner från lagunen till djuphavet med koder för varje djup.

Färg

Turkos gradient: tropiska koder med djup

5 minuters läsning

Klar turkos för sig ser ut som en poolikon. Ge den en djup botten, en varm strand och lite ljus, så blir den havet utanför en ö. Så gör du, med koder.

Färg

Blå färg: betydelse, förtroende, lugn och varumärken

5 minuters läsning

Blått är himlens och havets färg och färgen på en hel del av logotyperna i din telefon. Här är vad det signalerar, hur marinblått, koboltblått och himmelsblått skiljer sig, vad det betyder i olika kulturer och hur du använder det utan att försvinna.

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