Colours

Try to use the most big and bold colours that you can within these guidelines. Do try to use all of our colours and use unexpected colours sometimes, not only green when talking about sustainability for example. And don’t be afraid to be a little pink.


Colour standard

We use uncoated paper for our printed material. It is the standard here at BoKlok and should be used as often as possible. Examples of use are folders, brochures, marketing material and stationary. Contact our Communication manager if you are unsure of colour spaces and application.


Colours

Blue


Hex #447C97
sRGB R:68 G:124 B:151

UNCOATED
PANTONE 2391 U
LAB L*:51,88 a*: -13,27 b*: -22,52
CMYK* C:73 M:12 Y:4 K:24

COATED
PANTONE 2209 C
LAB L*:52,16 a*: -14 b*: -21,81
CMYK* C:67 M:25 Y:18 K:12

NCS S NCS S 4030-B

* PSO Coated v3 Fogra 51/52

Red


Hex #AF2D17
sRGB 175 45 23

UNCOATED
PANTONE 2350 U
LAB L*:42,65 a*:37,95 b*24,6
CMYK* C:0 M:87 Y:100 K:22

COATED
PANTONE 484 C
LAB L*:37,99 a*:45,29 b*34,53
CMYK* C:7 M:86 Y:97 K:27

NCS S 3060-Y90R

* PSO Coated v3 Fogra 51/52

Yellow


Hex #F2A900
sRGB R:242 G:169 B:0

UNCOATED
PANTONE 129 U
LAB L*:77,9 a*: 23,27 b*: 66,04
CMYK* C:0 M:22 Y:94 K:0

COATED
PANTONE 130 C
LAB L*:75,32 a*: 22,12 b*: 82,89
CMYK* C:0 M:29 Y:98 K:0

NCS S 3060-Y90R

* PSO Coated v3 Fogra 51/52

Green


Hex #6A7C46
sRGB R:106 G:124 B:70

UNCOATED
PANTONE 2279 U
LAB L*:52,93 a*: -15,69 b*: 23,86
CMYK* C:44 M:4 Y:97 K:28

COATED
PANTONE 2279 C
LAB L*:48,68 a*: -22,08 b*: 39,52
CMYK* C:51 M:4 Y:98 K:35

NCS S 3560-G40Y

* PSO Coated v3 Fogra 51/52

Grey


Hex #90908E
sRGB R:144 G:144 B:142

UNCOATED
PANTONE Cool Grey 8 U
LAB L*:61,49 a*: -0,11 b*: -2,16
CMYK* C:29 M:21 Y:24 K:14

COATED
PANTONE Cool Grey 8 U
LAB L*:57,62 a*: -0,15 b*: -1,85
CMYK* C:41 M:32 Y:29 K:12

NCS S 5000-N

* PSO Coated v3 Fogra 51/52

Pink


Hex #FFCAC6
sRGB R:255 G:202 B:198

UNCOATED
PANTONE 503 U
LAB L*:85,87 a*: 13,48 b*: 4,51
CMYK* C:0 M:14 Y:9 K:0

COATED
PANTONE 698 C
LAB L*:87,77 a*: 11,5 b*: 2,66
CMYK* C:0 M:15 Y:8 K:0

NCS S 0515-R10B

* PSO Coated v3 Fogra 51/52

Tints

70%


Hex #7CA3B6

UNCOATED
PMS: 2206 U
CMYK: 56, 18, 18, 2

COATED
PMS: 2206 C
CMYK: 59, 21, 17, 4

20%


Hex #DAE5EA

UNCOATED
PMS: 538 U
CMYK: 11, 3, 3, 4

COATED
PMS: 538 C
CMYK: 14, 4, 1, 3

70%


Hex #C76C5C

UNCOATED
PMS: 2439 U
CMYK: 8, 50, 45, 10

COATED
PMS: 7606 C
CMYK: 0, 41, 29, 6

20%


Hex #EFD5D1

UNCOATED
PMS: 7611 U
CMYK: 0, 12, 9, 3

COATED
PMS: 7611 C
CMYK: 0, 19, 17, 6

70%


Hex #F7C759

UNCOATED
PMS: 1345 U
CMYK: 0, 14, 43, 0

COATED
PMS: 1345 C
CMYK: 0, 17, 50, 0

20%


Hex #FDEECD

70%


Hex #96A37D

UNCOATED
PMS: 7494 U
CMYK: 38, 12, 44, 2

COATED
PMS: 7494 C
CMYK: 35, 5, 42, 14

20%


Hex #E1E5DA

UNCOATED
PMS: 4204 U
CMYK: 23, 2, 36, 0

COATED
PMS: 621 C
CMYK: 12, 1, 12, 2

70%


Hex #BCBCBB

UNCOATED
PMS: 421 U
CMYK: 28, 19, 19, 2

COATED
PMS: 420 C
CMYK: 6, 4, 7, 13

20%


Hex #E9E9E8

UNCOATED
PMS: Cool Gray 1 U
CMYK: 4, 3, 6, 7

COATED
PMS: Cool Gray 1 C
CMYK: 4, 2, 4, 8

70%


Hex #FFDEDD

UNCOATED
PMS: 7604 U
CMYK: 0, 8, 4, 2

COATED
PMS: 7604 C
CMYK: 0, 8, 5, 4

20%


Hex #FFF4F4


Rules of usage

Solid, tinted and light versions
 

These 3 opacity levels are the only 3 that should be used. They can be used in most color spaces such as RGB, pantone or CMYK.


Solid 100%

Can contain icons, illustrations and  text.

Additional info: Text and other graphic used on pink and yellow should be black, not white.

BLUE100_447c97 (2)

Blue 100
#447C97

RED100_AF2D17 (2)

Red 100
#AF2D17

YELLOW100_F2A900 (2)

Yellow 100
#F2A900

GREEN100_6A7C46 (2)

Green 100
#6A7C46

GREY100_90908E (2)

Grey 100
#90908E

ROSA100_FFCAC6 (2)

Pink 100
#FFCAC6


Tints ~70%

Can only contain icons and illustrations. Text on 70% tints are only allowed in print. Not on web since we can't ensure legibility.

BLUE70_7CA3B6 (2)

Blue 70
#7CA3B6

RED70_C76C5C (2)

Red 70
#C76C5C

YELLOW70_F7C759 (2)

Yellow 70
#F7C759

GREEN70_96A37D

Green 70
#96A37D

GREY70_BCBCBB (2)

Grey 70
#BCBCBB

ROSA70_FFDEDD (2)

Pink 70
#FFDEDD


Lights ~20%

Can contain all brand assets such as icons, illustrations and text. All content should be Black.

BLUE20_DAE5EA (2)

Blue 20
#DAE5EA

RED20_EFD5D1 (2)

Red 20
#EFD5D1

YELLOW20_FDEECD (2)

Yellow 20
#FDEECD

GREEN20_E1E5DA

Green 20
#E1E5DA

GREY20_E9E9E8 (2)

Grey 20
#E9E9E8

ROSA20_FFF4F4 (2)

Pink 20
#FFF4F4

How many colours can I use?

The idea behind density guidelines is to maximize the effect of color usage. We don’t use too many colours at the same time because it undermines the idea of colour as an effect of attracting attention. If we need to use several different colours we should utilize the other two sets of the colour (Light 20% and Tint 70%). Take note that the middle level (Tint 70%) can’t contain text – only graphics such as icons and illustrations.

 

Which set of colours do I use?

1-3 colours All sets of colour

3-5 colours Tints and Lights

>5 colours Lightest colours only

 

 

Our colours

The colours are inspired by our history and what we want to do.

FjordBlue_1

Fjord blue

BrickRed_1

Brick red

yellow

Canola yellow

green

Birch twig green

grey

Future grey

pink

Playful pink

For application of the logo on coloured backgrounds, visit our logo guidelines.

 


Colour density

The distribution between whitespace and color in our layouts should be somewhere in the 80/20 range. White should be considered as standard for all kinds of backgrounds, color should mostly be used as interruptions: 

A new chapter in a presentation should have a background color.
A converting module on the BoKlok site should have color to differentiate it for helping the users finding it.
The final page of a brochure can have a colored background.
 

This usage scale does not take imagery and other media into account, it’s only a display of how often to use color.

ColourBalance

Restricted use

We have a few colours that have specific application, consult with our Communication manager before using any of these.

Logo blue


Hex #253561
sRGB R:37 G:53 B:97

UNCOATED
PANTONE 2146 U
LAB L*: 35,27 a*: 5,85 b*: -40,45
CMYK*C: 100 M: 79 Y: 0 K: 5

COATED
PANTONE 3597 C
LAB L*:23,89 a*: 7,76 b*: -39,33
CMYK* C: 100 M: 77 Y: 0 K: 32

NCS S 4550-R80B

* PSO Coated v3 Fogra 51/52

Logo Yellow


Hex #FFDB00
sRGB R:255 G:219 B:0

UNCOATED
PANTONE Yellow 012 U
LAB L*:90,98 a*: 3 b*: 94
CMYK* C:0 M:2 Y:100 K:0

COATED
PANTONE 109 C
LAB L*:86,28 a*: 6 b*: 99
CMYK* C: 0 M: 7 Y: 99 K: 0

NCS S 0580-Y

* PSO Coated v3 Fogra 51/52

Safety


Hex #EB7100
sRGB R:235 G:113 B:0

UNCOATED
PANTONE 3564 U
LAB L*:65,35 a*: 47,19 b*: 61,95
CMYK* C:0 M:50 Y:97 K:0

COATED
PANTONE 152 C
LAB L*:62 a*: 43,19 b*: 72,1
CMYK* C:0 M:54 Y:99 K:1

NCS S 1080-Y50R

* PSO Coated v3 Fogra 51/52