Primär färg

Blått ska vara den dominerande färgen i kommunikationen. 
Blå (bild)

• CMYK: 100, 60, 0, 0
• Pantone: 293 C
• RGB: 0, 95, 171
• HEX: #005FAB

Sekundära färger

Rött och grönt kompletterar den blå huvudfärgen men ska inte dominera. De ska inte användas till text, med undantag för större ord eller siffror i infografik som uppfyller kontrastkraven.

Röd (bild)

• CMYK: 0, 92, 72, 6
• Pantone: 1797 C
• RGB: 199, 56, 58
• HEX: #C7383A

Grön (bild)

• CMYK: 100, 0, 39, 33
• Pantone: 322 C
• RGB: 0, 115, 130
• HEX: #007382

Accentfärg

Gult används för att framhäva utvalda delar. Gult får inte användas till text. Det gäller även vit text på gul bakgrund.

Gul (bild)

• CMYK: 0, 23, 100, 0
• Pantone: 7548 C
• RGB: 255, 196, 19
• HEX: #FFC413

Bakgrundsfärg

Beige används främst som bakgrund till texter och rubriker.

Beige (bild)

• CMYK: 0, 2, 6, 3
• RGB: 248, 242, 234
• HEX: #F8F2EA

Mellannyanser

Mellannyanserna kan användas i exempelvis tabeller, diagram och annan grafik.

Mellanblå (bild)

• CMYK: 35, 2, 0, 0
• RGB: 173, 218, 255
• HEX: #ADDAFF

Mellanröd (bild)

• CMYK: 0, 33, 12, 0
• RGB: 243, 186, 189
• HEX: #F3BABD

Mellangul (bild)

• CMYK: 0, 12, 56, 0
• RGB: 255, 225, 135
• HEX: #FFE187

Mellangrön (bild)

• CMYK: 35, 5, 26, 0
• RGB: 178, 204, 192
• HEX: #B2CCC0

Ljusa nyanser

De ljusa nyanserna kan användas i tabeller, diagram och grafik samt som bakgrund.

Ljusblå (bild)

• CMYK: 11, 1, 0, 0
• RGB: 235, 246, 255
• HEX: #EBF6FF

Ljusröd (bild) 

• CMYK: 0, 7, 2, 0
• RGB: 252, 238, 239
• HEX: #FCEEEF

Ljusgul (bild)

• CMYK: 0, 5, 22, 0
• RGB: 255, 242, 205
• HEX: #FFF2CD

Ljusgrön (bild)

• CMYK: 10, 0, 7, 0
• RGB: 231, 245, 238
• HEX: #E7F5EE

Kontrast och tillgänglighet

Text och informationsbärande grafik ska ha tillräcklig kontrast. Använd matrisen över godkända färgkombinationer för att uppfylla kraven enligt WCAG 2.1.

(Bild)

Diagram och annan informationsbärande grafik får inte vara beroende av enbart färg. Informationen ska gå att förstå även om färgerna inte kan särskiljas.