Farger

Bakgrunn

Mattilsynets fargepalett er inspirert av visjonen vår: «Vi trygger framtiden for mennesker, dyr og natur». Derfor rommer den grønn granskog, vannet i bekken, årstidene, planter, himmel og hav. Hovedfargen er «Granskog» - en blågrønn farge som favner samfunnsoppdraget vårt både til lands og til vanns, og som, i sin tyngde, oppleves å ha integritet og seriøsitet. Fargene brukes aktivt til å seksjonere innhold, fremheve budskap og til å skape variasjon og dynamikk på ulike flater. De opptrer i illustrasjonene våre, og er ment å oppleves som naturlige. De kan settes sammen i ulike kombinasjoner, avhengig av kontekst. I noen sammenhenger skal den vennlige hjelperen fremheves, i andre den seriøse myndighetsutøveren.

Vi må være bevisst kontraster når fargene brukes sammen. Tekstinnhold skal alltid ha god kontrast til bakgrunnen. Det er et lovkrav på digitale flater, men er likeså viktig på trykte. Mattilsynet skal alltid kommunisere klart og tydelig.

Paletten består av 16 hovedfarger, i tillegg til sort og hvitt. For digitale produkter finnes flere farger og flere nyanser av farger - se «👩‍💻 Lightskinning av mattilsynet.no».

• Granskog
  #054449
  R: 5
  G: 68
  B: 73
  Logo- og hovedfarge
• Fjord
  #153F7B
  R: 21
  G: 63
  B: 123
  Skal ikke brukes som bakgrunn
• Rognebær
  #DA573B
  R: 218
  G: 87
  B: 59
  Skal ikke brukes som bakgrunn
• Sommerdag
  #F9CC76
  R: 249
  G: 204
  B: 118
  Brukes mest til beredskap
• Furu
  #68B096
  R: 104
  G: 176
  B: 150
• Himmel
  #9ECCED
  R: 158
  G: 204
  B: 237
• Nype
  #F9C4AA
  R: 249
  G: 196
  B: 170
• Solstreif
  #F8DE9C
  R: 248
  G: 222
  B: 156
• Lind
  #B4CEA0
  R: 180
  G: 206
  B: 160
  Brukes mest til illustrasjon
• Bekk
  #CDE5F2
  R: 205
  G: 229
  B: 242
• Sand
  #F4ECE6
  R: 244
  G: 236
  B: 230
• Gåsunge
  #FAF6F3
  R: 250
  G: 246
  B: 243
  Brukes mest til bakgrunn
• Mørk granskog
  #032C30
  R: 3
  G: 44
  B: 48
  Brukes mest til tekst
• Lys furu
  #9BCAB9
  R: 155
  G: 202
  B: 185
• Lav
  #E2F1DF
  R: 226
  G: 241
  B: 223
  Brukes mest til bakgrunn
• Brevann
  #ABE1CD
  R: 171
  G: 225
  B: 205
  Brukes i små mengder som popp-farge
• Sort
  #000000
  R: 0
  G: 0
  B: 0
• Hvit
  #ffffff
  R: 255
  G: 255
  B: 255

Fargekoder

Det finnes ulike fargekoder til ulike produksjonsmetoder:Skjerm: HEX(#) eller RGBTrykk og digitaltrykk: CMYKSilketrykk eller trykk på fysiske produkter: PMS (Pantone)Maling og lakk av eksempelvis skilt og biler: RAL. RAL-koder med fire tall er hentet fra «RAL Classic system», koder med flere enn fire tall er fra «RAL Design System Plus». Fargepaletten er inkludert i Mattilsynets PPT-mal.

For digitale produkter finnes det flere bakgrunnsfarger å velge i - se lengre ned på siden, eller på «Lightskinning av mattilsynet.no»

Bruk av farge

Hovedfargen vår, «Granskog», brukes på de fleste av Mattilsynets flater. Sammen med den lysegrønne fargen, «Lav», skaper denne en tydelig og gjenkjennbar fargekombinasjon. «Granskog» og «Nype» er også en kombinasjon som gir mye egenart. «Gåsunge» brukes først og fremst som en nøytral bakgrunnsfarge, slik det blant annet gjøres på mattilsynet.no. «Lys furu» er, som navnet tilsier, en lysere utgave av «Furu». Lyshetsgraden sikrer bedre kontrast (enn «Furu») når den brukes som bakgrunnsfarge.

«Mørk granskog» er en dypere versjon av «Granskog» og skal kun brukes på tekst. Denne fargen er svært mørk for å sikre god kontrast til bakgrunnen, og dermed god lesbarhet på de flatene hvor den opptrer.

Den mørkeblå «Fjord» skal ikke brukes som bakgrunnsfarge eller i store mengder da den lett blir for lik «Granskog» og vil konkurrere med denne.

[GRAFIKK]

Eksempler

Under er noen eksempler på fargekombinasjoner som fungerer fint sammen.

[GRAFIKK]

Illustrasjonsfarger

Fargene under brukes som hovedregel i Mattilsynets illustrasjoner.

• Hudtone, lysest
  #F8E0D8
  R: 248
  G: 224
  B: 216
• Hudtone, mellom
  #C58F79
  R: 197
  G: 143
  B: 121
• Hud og hår, mørk
  #7F433B
  R: 127
  G: 67
  B: 59
• Hår, gylden
  #ED9A32
  R: 237
  G: 154
  B: 50
• Hår, mørk
  #1E1A28
  R: 30
  G: 26
  B: 40
• Klær, mellomblå
  #1D57AA
  R: 29
  G: 87
  B: 170
  Brukes som alternativ til Fjord på mørke flater

Bakgrunner

Blå, gul og rosa finnes i lysere varianter enn de som inngår i brand-paletten. Disse brukes i hovedsak som bakgrunnsfarger.

• Bakgrunnsblå
  #DFEEF6
  R: 223
  G: 238
  B: 246
• Bakgrunnsgul
  #FCF0D2
  R: 252
  G: 240
  B: 210
• Bakgrunnsrosa
  #FEE9DF
  R: 254
  G: 233
  B: 223

Digitale produkter

Fargene under brukes i tillegg til brand-, bakgrunn- og illustrasjonspalett på digitale produkter og tjenester.

• Mørk furu
  #3C725E
  R: 60
  G: 114
  B: 94
• Havdyp
  #116E6B
  R: 17
  G: 110
  B: 107
• Inforød
  #92301C
  R: 146
  G: 48
  B: 28
• Infogrønn
  #539D82
  R: 83
  G: 157
  B: 130
• Infogul
  #F1BE3C
  R: 241
  G: 190
  B: 60

Skalaer

Fargene under brukes i tillegg til brand-, bakgrunn- og illustrasjonspalett på digitale produkter og tjenester.

• Grønn 100
  #F3F8F1
  R: 243
  G: 248
  B: 241
• Grønn 200
  #E2F1DF
  R: 226
  G: 241
  B: 223
  Lav
• Grønn 300
  #D3E8E0
  R: 211
  G: 232
  B: 224
  Brukes på hover
• Grønn 400
  #BCDCD0
  R: 188
  G: 220
  B: 208
  Brukes på active
• Grønn 500
  #9BCAB9
  R: 155
  G: 202
  B: 185
  Lys furu
• Grønn 600
  #539D82
  R: 83
  G: 157
  B: 130
  Infogrønn
• Grønn 700
  #116E6B
  R: 17
  G: 110
  B: 107
  Havdyp
• Grønn 800
  #054449
  R: 5
  G: 68
  B: 73
  Granskog
• Grønn 900
  #032C30
  R: 3
  G: 44
  B: 48
  Mørk granskog

• Blå 100
  #DFEEF6
  R: 223
  G: 238
  B: 246
  Bakgrunnsblå
• Blå 200
  #CDE5F2
  R: 205
  G: 229
  B: 242
  Bekk
• Blå 300
  #9ECCED
  R: 158
  G: 204
  B: 237
  Himmel
• Blå 400
  #7BBCEB
  R: 123
  G: 188
  B: 235
• Blå 500
  #5896D5
  R: 88
  G: 150
  B: 213
• Blå 600
  #1D57AA
  R: 29
  G: 87
  B: 170
  Mellomblå
• Blå 700
  #153F7B
  R: 21
  G: 63
  B: 123
  Fjord
• Blå 800
  #103160
  R: 16
  G: 49
  B: 96
• Blå 900
  #07162C
  R: 7
  G: 22
  B: 44