Colours

Extend and Empower

Schibsted’s colour palette comprises a colour kit meant to empower product and brand designers to create with confidence and to meet technical needs. Schibsted’s main colour is blue, it’s the colour we are recognised by. Our red gives us a warm flavour but should be used with care, as a highlight or to create a contrast – like a word in a sentence. Stick to using black or the darkest blue when writing text.

The colours are organised in a main palette, the colours to use for most common applications. But there are also a full blue and grey palette, semantic colours for digital products and a secondary red.

Main palette

 

 

Main palette  colour codes

Blue 100
HEX → #020B23
Coated → 2748 C / C100 M95 Y2 K10
Uncoated → 2748 U / C97 M80 Y3 K16

Blue 90
HEX → #061A57
Coated → Reflex Blue C / C100 M89 Y0 K0
Uncoated → Reflex Blue U / C92 M70 Y0 K0

Blue 60
HEX → #264BC5
Coated → 2728 C/  C90 M68 Y0 K0
Uncoated → 2728 U / C72 M52 Y0 K0

Blue 20
HEX → #C7D5F9
Coated → 2717 C / C34 M15 Y0 K0
Uncoated → 2717 U / C33 M9 Y0 K0

Blue 10
HEX → #F5F7FE
Coated → 2707 C / C22 M5 Y1 K0
Uncoated → 2707 U / C20 M6 Y0 K0

Red 100
HEX → #FF716B
Coated → 1785 C / C0 M76 Y54 K0
Uncoated → 1785U / C0 M66 Y48 K0

 

Tonal palette blue

Tonal palette blue – colour codes

Blue 100
HEX → #020B23
Coated → 2748 C / C100 M95 Y2 K10
Uncoated → 2748 U / C97 M80 Y3 K16

Blue 90
HEX → #061A57
Coated → Reflex Blue C / C100 M89 Y0 K0
Uncoated → Reflex Blue U / C92 M70 Y0 K0

Blue 80
HEX→ #0E2880
Coated → Blue 072 U / C100 M95 Y0 K3
Uncoated → Blue 072 U / C78 M62 Y0 K0

Blue 70
HEX → #1838A7
Coated → 2736 C / C97 M95 Y0 K0
Uncoated → 2736 U / C70 M59 Y0 K0

Blue 60
HEX → #264BC5
Coated → 2728 C/  C90 M68 Y0 K0
Uncoated → 2728 U / C72 M52 Y0 K0

Blue 50
HEX → #4267D8
Coated → 2727 C / C70 M47 Y0 K0
Uncoated → 2727 U / C61 M34 Y0 K0

Blue 40
HEX → #6B8BE9
Coated → 279 C / C68 M34 Y0 K0
Uncoated → 279 U / C67 M29 Y0 K0

Blue 30
HEX → #97AFF4
Coated → 278 C / C45 M14 Y0 K0
Uncoated → 278 U / C41 M9 Y1 K0

Blue 20
HEX → #C7D5F9
Coated → 2717 C / C34 M15 Y0 K0
Uncoated → 2717 U / C33 M9 Y0 K0

Blue 10
HEX → #F5F7FE
Coated → 2707 C / C22 M5 Y1 K0
Uncoated → 2707 U / C20 M6 Y0 K0

 

Tonal palette gray

Tonal palette grey – colour codes

Grey 100
HEX → #303130
Coated → Black 7C / C36 M35 Y33 K92
Uncoated → Black 7U / C58 M53 Y60 K17

Grey 90
HEX → #6B6B69
Coated → Warm Grey 9C / C24 M34 Y35 K30
Uncoated → Warm Grey 9U / C15 M20 Y22 K45

Grey 80
HEX → #959593
Coated → Warm Grey 8C / C17 M24 Y25 K49
Uncoated → Warm Grey 8U / C15 M20 Y22 K42

Grey 70
HEX → #B5B5B2
Coated → Warm Grey 7C / C16 M23 Y23 K44
Uncoated → Warm Grey 7U / C11 M15 Y18 K37`

Grey 60
HEX → #D1CECC
Coated → Warm Grey 6C / C14 M19 Y21 K39
Uncoated → Warm Grey 6U / C11 M14 Y18 K32

Grey 50
HEX → #E4E4E1
Coated → Warm Grey 5C / C11 M13 Y16 K32
Uncoated → Warm Grey 5U / C10 M12 Y13 K28

Grey 40
HEX → #F2F0ED
Coated → Warm Grey 4C / C11 M13 Y15 K27
Uncoated → Warm Grey 4U / C8 M10 Y12 K24

Grey 30
HEX → #FAFAF7
Coated → Warm Grey 3C / C9 M11 Y13 K2
Uncoated → Warm Grey 3U / C8 M9 Y11 K20

Grey 20
HEX → #FEFDFB
Coated → Warm Grey 2C / C6 M7 Y10 K11
Uncoated → Warm Grey 2U / C5 M5 Y9 K10

Grey 10
HEX → #FFFFFF
Coated → Warm Grey 1C / C3 M3 Y6 K7
Uncoated → Warm Grey 1U / C2 M3 Y7 K8

 

UI semantic – success, alert, error

UI semantic – success, alert, error – colour codes

Success 100:
HEX → #375F2B

Success 10:
HEX → #EEFCED

Alert 100
HEX → #6C4522

Alert 10
HEX → #F5E0C0

Error 100
HEX → #91392B

Error 10
HEX → #E8BBB6

Secondary red, black and white

Secondary red, black and white, colour code

Red 10
HEX → #FFFAFA
Coated → 176 C / C0 M35 Y18 K0
Uncoated → 176 U / C0 M29 Y15 K0

Black
HEX → #000000

White
HEX → #FFFFFF