Edit

Design guidelines

How EMBL presents itself visually to the public

EMBL Colours

Besides logo, typeface and graphical elements, colours are one of the most important parts of a corporate design.

At EMBL, any kind of colour-coding in alignment with a service, group, etc. is not allowed. EMBL’s primary colour is EMBL Green, in combination with four additional shades of green. Our visual examples underline the bespoke usage of white space to support content structure and visual hierarchy.

Primary colours

Image alt text

EMBL Green

Pantone: 7482 C
C:90 M:0 Y:93 K:0
R:24 G:151 B:76

Hex: #18974C
HKS: 64 K

Image alt text

Darkest tint green

Pantone: 343 C
C:89 M:19 Y:72 K:60
R:10 G:80 B:60
Hex: #0A5032

Image alt text

Dark tint green

Pantone: 341 C
C:95 M:5 Y:82 K:24
R:0 G:123 B:83
Hex: #007B53

Image alt text

Light tint green

Pantone: 360 C
C:63 M:0 Y:84 K:0
R:108 G:194 B:74
Hex: #6CC24A

Image alt text

Lightest tint green

Pantone: 7485 C
C:9 M:0 Y:18 K:0
R:208 G:222 B:187
Hex: #D0DEBB

Secondary neutral colours

Image alt text

EMBL Grey

Pantone: 424 C
C:30 M:20 Y:19 K:58
R:112 G:115 B:114

Hex: #707372
HKS: 67 K

Image alt text

Darkest tint grey

Pantone: 447 C
C:50 M:30 Y:40 K:90
R:55 G:58 B:54
Hex: #373A36

Image alt text

Dark tint grey

Pantone: 425 C
C:48 M:29 Y:26 K:76
R:84 G:88 B:90
Hex: #54585A

Image alt text

Light tint grey

Pantone: 414 C
C:13 M:8 Y:17 K:26
R:168 G:169 B:158
Hex: #A8A99E

Image alt text

Lightest tint grey

Pantone Cool Gray 2C
C:5 M:3 Y:5 K:11
R:208 G:208 B:206
Hex: #D0D0CE

Interactive colours

Image alt text

Link

Hex: #2A57A3

Image alt text

Hover

Hex: #193F90

Image alt text

Visited

Hex: #563D82

Decorative colours

Image alt text

EMBL Blue

Pantone: 2727 C
C:70 M:47 Y:0 K:0
R:59 G:111 B:182

Hex: #3B6FB6
HKS: 59 K

Image alt text

Dark tint blue

Pantone: 293 C
C:100 M:69 Y:0 K:4
R:25 G:63 B:144
Hex: #193F90

Image alt text

Light tint blue

Pantone: 278 C
C:45 M:14 Y:0 K:0
R:139 G:184 B:232
Hex: #8BB8E8

Image alt text

EMBL Purple

Pantone: 2587 C
C:58 M:76 Y:0 K:0
R:115 G:69 B:149

Hex: #734595
HKS: 36 K

Image alt text

Dark tint purple

Pantone: 7679 C
C:87 M:97 Y:0 K:0
R:86 G:61 B:130
Hex: #563D82

Image alt text

Light tint purple

Pantone: 2563 C
C:22 M:39 Y:0 K:0
R:203 G:163 B:216
Hex: #CBA3D8

Image alt text

EMBL Orange

Pantone: 137 C
C:0 M:41 Y:100 K:0
R:244 G:158 B:23

Hex: #F49E17
HKS: 5 K

Image alt text

Dark tint orange

Pantone: 2020 C
C:0 M:68 Y:100 K:22
R:182 G:84 B:23
Hex: #B65417

Image alt text

Light tint orange

Pantone: 2008 C
C:0 M:25 Y:78 K:0
R:239 G:192 B:110
Hex: #EFC06E

Image alt text

EMBL Yellow

Pantone: 116 C
C:0 M:14 Y:100 K:0
R:244 G:198 B:31

Hex: #F4C61F
HKS: 50 K

Image alt text

Dark tint yellow

Pantone: 1235 C
C:0 M:31 Y:98 K:0
R:253 G:215 B:87
Hex: #FFB81C

Image alt text

Light tint yellow

Pantone: 121 C
C:0 M:8 Y:70 K:0
R:253 G:215 B:87
Hex: #FDD757

Image alt text

EMBL Bright Green

Pantone: 3570 C
C:30 M:0 Y:90 K:0
R:161 G:190 B:31

Hex: #A1BE1F
HKS: 67 K

Image alt text

Dark tint bright green

Pantone: 376 C
C:54 M:0 Y:100 K:0
R:127 G:180 B:40
Hex: #7FB428

Image alt text

Light tint bright green

Pantone: 379 C
C:13 M:0 Y:61 K:0
R:226 G:232 B:104
Hex: #E2E868

Image alt text

EMBL Red

Mainly used for alerts

Pantone: 192 C
C: 0 M: 94 Y: 64 K: 0
R:212 G:22 B:69

Hex: #D41645
HKS: 23 K

Image alt text

Dark tint red

Pantone: 1945 C
C:5 M:100 Y:55 K:28
R:166 G:9 B:61
Hex: #A6093D

Image alt text

Light tint red

Pantone: 190 C
C:0 M:56 Y:18 K:0
R:229 G:143 B:158
Hex: #E58F9E

Edit