Farger

Primærpalett

SpareBank 1 er den lune blå banken. Våre hovedfarger er blå og vi har støttefarger som varmer opp det blå uttrykket i primærpaletten. SpareBank 1 skal alltid ha et blått etterlatt inntrykk. Derfor skal alltid hovedfargen Vann være den tydeligste fargen.

Fargene i paletten er naturlige og basert på farger vi finner i norske landskap.

Primærpaletten består av fargene:

• Vann
• Fjell
• Sand
• Frost
• Syrin

Fargene i paletten kan også brukes i valører (prosentvis) i 70% eller 30% av solid farge, som vist i fargeplakatene under.

• Vann

  LESS:

  @ffe-farge-vann

  HEX:

  #005AA4

  RGB:

  0, 90, 164

  70%

  LESS:

  @ffe-farge-vann-70

  HEX:

  #4D8CBF

  RGB:

  77, 140, 191

  30%

  LESS:

  @ffe-farge-vann-30

  HEX:

  #B3CEE4

  RGB:

  179, 206, 228

• Fjell

  LESS:

  @ffe-farge-fjell

  HEX:

  #002776

  RGB:

  0, 39, 118

  70%

  LESS:

  @ffe-farge-fjell-70

  HEX:

  #4D689F

  RGB:

  77, 104, 159

  30%

  LESS:

  @ffe-farge-fjell-30

  HEX:

  #B3BED6

  RGB:

  179, 190, 214

• Frost

  LESS:

  @ffe-farge-frost

  HEX:

  #7EB5D2

  RGB:

  126, 181, 210

  70%

  LESS:

  @ffe-farge-frost-70

  HEX:

  #A5CBE0

  RGB:

  165, 203, 224

  30%

  LESS:

  @ffe-farge-frost-30

  HEX:

  #D8E9F2

  RGB:

  216, 233, 242

• Sand

  LESS:

  @ffe-farge-sand

  HEX:

  #F8E9DD

  RGB:

  248, 233, 221

  70%

  LESS:

  @ffe-farge-sand-70

  HEX:

  #FAf0E7

  RGB:

  250, 240, 231

  30%

  LESS:

  @ffe-farge-sand-30

  HEX:

  #FDF8F5

  RGB:

  253, 248, 245

• Syrin

  LESS:

  @ffe-farge-syrin

  HEX:

  #D3D3EA

  RGB:

  211, 211, 234

  70%

  LESS:

  @ffe-farge-syrin-70

  HEX:

  #E0E0F0

  RGB:

  224, 224, 240

  30%

  LESS:

  @ffe-farge-syrin-30

  HEX:

  #F2F2F9

  RGB:

  242, 242, 249

Støttefarger

Støttefargene til SpareBank 1 består av rødtoner som er gjenkjennelige fra logoen og som skal bidra til å varme opp den blå primærpaletten. I tillegg består den av grønne og gule toner hentet fra naturen, disse er utviklet for å tilføre varme og naturlige toner, i blant annet illustrasjon og infografikk. Støttefargene kan brukes ved behov for å tilføre lokalt særpreg og reflektere de ulike lokalsamfunnene.

• Myrull

  LESS:

  @ffe-farge-myrull

  HEX:

  #FAE4E0

  RGB:

  250, 228, 224

  70%

  LESS:

  @ffe-farge-myrull-70

  HEX:

  #FCECE9

  RGB:

  252, 236, 233

  30%

  LESS:

  @ffe-farge-myrull-30

  HEX:

  #FEF7F6

  RGB:

  254, 247, 246

• Villblomst

  LESS:

  @ffe-farge-villblomst

  HEX:

  #EE8D9C

  RGB:

  238, 141, 156

  70%

  LESS:

  @ffe-farge-villblomst-70

  HEX:

  #F3AFBA

  RGB:

  243, 175, 186

  30%

  LESS:

  @ffe-farge-villblomst-30

  HEX:

  #FADDE1

  RGB:

  250, 221, 225

• Nordlys

  LESS:

  @ffe-farge-nordlys

  HEX:

  #33AF85

  RGB:

  51, 175, 133

  70%

  LESS:

  @ffe-farge-nordlys-70

  HEX:

  #70C7AA

  RGB:

  112, 199, 170

  30%

  LESS:

  @ffe-farge-nordlys-30

  HEX:

  #C2E7DA

  RGB:

  194, 231, 218

• Lyng

  LESS:

  @ffe-farge-lyng

  HEX:

  #873953

  RGB:

  135, 57, 83

  70%

  LESS:

  @ffe-farge-lyng-70

  HEX:

  #AB7487

  RGB:

  171, 116, 135

  30%

  LESS:

  @ffe-farge-lyng-30

  HEX:

  #DBC4CB

  RGB:

  219, 196, 203

• Bær

  LESS:

  @ffe-farge-baer

  HEX:

  #E44244

  RGB:

  228, 66, 68

  70%

  LESS:

  @ffe-farge-baer-70

  HEX:

  #EC7B7C

  RGB:

  236, 123, 124

  30%

  LESS:

  @ffe-farge-baer-30

  HEX:

  #F7C6C7

  RGB:

  247, 198, 199

• Skog

  LESS:

  @ffe-farge-skog

  HEX:

  #00754E

  RGB:

  0, 117, 78

  70%

  LESS:

  @ffe-farge-skog-70

  HEX:

  #4D9E83

  RGB:

  77, 158, 131

  30%

  LESS:

  @ffe-farge-skog-30

  HEX:

  #B3D6CA

  RGB:

  179, 214, 202

• Multe

  LESS:

  @ffe-farge-multe

  HEX:

  #F8B181

  RGB:

  248, 177, 129

  70%

  LESS:

  @ffe-farge-multe-70

  HEX:

  #FAC8A7

  RGB:

  250, 200, 167

  30%

  LESS:

  @ffe-farge-multe-30

  HEX:

  #FDE8D9

  RGB:

  253, 232, 217

• Sol

  LESS:

  @ffe-farge-sol

  HEX:

  #DC8000

  RGB:

  220, 128, 0

  70%

  LESS:

  @ffe-farge-sol-70

  HEX:

  #E7A64D

  RGB:

  231, 166, 77

  30%

  LESS:

  @ffe-farge-sol-30

  HEX:

  #F5D9B3

  RGB:

  245, 217, 179

Nøytrale farger

Her er en oversikt over gråtoner, svart og andre nøytrale farger vi har behov for. Bestående av en blåsvart, basert på blåtonene i hovedpaletten, og resten rene svart-farger i fem fasetter + 3 varme gråtoner.

• Natt

  LESS:

  @ffe-farge-natt

  HEX:

  #001032

  RGB:

  0, 16, 50

• Svart

  LESS:

  @ffe-farge-svart

  HEX:

  #020A0A

  RGB:

  2, 10, 10

• Koksgrå

  LESS:

  @ffe-farge-koksgraa

  HEX:

  #323232

  RGB:

  50, 50, 50

• Mørk grå

  LESS:

  @ffe-farge-moerkgraa

  HEX:

  #676767

  RGB:

  103, 103, 103

• Grå

  LESS:

  @ffe-farge-graa

  HEX:

  #ADADAD

  RGB:

  173, 173, 173

• Lys grå

  LESS:

  @ffe-farge-lysgraa

  HEX:

  #D8D8D8

  RGB:

  216, 216, 216

• Mørk varmgrå

  LESS:

  @ffe-farge-moerkvarmgraa

  HEX:

  #848383

  RGB:

  132, 131, 131

• Varm grå

  LESS:

  @ffe-farge-varmgraa

  HEX:

  #9B9797

  RGB:

  155, 151, 151

• Lys varmgrå

  LESS:

  @ffe-farge-lysvarmgraa

  HEX:

  #D7D2CB

  RGB:

  215, 210, 203

• Hvit

  LESS:

  @ffe-farge-hvit

  HEX:

  #FFFFFF

  RGB:

  255, 255, 255

2 fargekombinasjoner

Dersom designet kun skal ha to farger er disse fire kombinasjonene anbefalt:

Eksempler på bruk av 2 fargekombinasjoner:

3 fargekombinasjoner

Om du vil kombinere tre farger, er disse kombinasjonene anbefalt:

Eksempler på bruk av 3 fargekombinasjoner:

4 fargekombinasjoner

Om du vil kombinere fire farger, er disse kombinasjonene anbefalt:

Eksempler på bruk av 4 fargekombinasjoner:

Ikke tillatt bruk av kombinasjoner

Når det blir så mange som 4 farger eller fler (i illustrasjon eller infografikk) må man velge farger etter regelverket og bruke sunn fornuft. Under ser du eksempler hvor reglene ikke er fulgt. Alt med måte, bruk skjønn og husk gode kontraster. Alltid.