Logo
Standard logo
Use this logo on white background only.
Standard logo
Use the x-height of the ‘e’ to determine the white space around the logo.
White logo
Use the the white logo on gradient background only.
Primary Colours
Ocean
#154988
R21 G73 B136
C100 M75 Y15 K3
Sea
#2a80bf
R42 G128 B191
C80 M40 Y0 K0
River
#5fc4ec
R95 G196 B236
C60 M0 Y5 K0
Stream
#e2eff8
R226 G239 B248
C60 M0 Y5 K0
Pond
#30c7c7
R48 G199 B199
C65 M0 Y30 K0
Solar
#fb8a22
R251 G138 B34
C0 M55 Y90 K0
Gradient
Our gradient is part of our brand. Use for backgrounds and some page furniture
River to Ocean Gradient
#5fc4ec to #154988
Secondary Colours
Schooner
#642b5e
R100 G43 B94
Schooner-mid
#834d7f
R131 G77 B127
Schooner-lite
#b26aaa
R178 G106 B170
Trimaran
#282c6c
R40 G44 B108
Trimaran-mid
#785ca7
R120 G92 B167
Trimaran-lite
#9f71b2
R159 G113 B178
Dhow
#e15e26
R225 G94 B38
Dhow-mid
#ff8b4a
R255 G139 B74
Dhow-lite
#f6b395
R246 G179 B149
Sunfish
#19647e
R25 G100 B126
Sunfish-mid
#28afb0
R40 G175 B176
Sunfish-lite
#98d2d4
R152 G210 B212
Wherry
#96425e
R150 G66 B94
Wherry-mid
#eb5570
R235 G85 B112
Wherry-lite
#f590a0
R245 G144 B160
Orca
#41a400
R65 G164 B0
Orca-mid
#a8c445
R168 G196 B69
Orca-lite
#c3d67e
R195 G214 B126
Typography
Proxima Nova is our main font. Where not available, use either Avenir or Ariel
Proxima Nova bold is our headline font #154988
Animation
Animation should be simple and slick. Use flat style graphics. Looping GIFs are always good to use.
Charts, Graphs & Data Visualisations
Charts, Graphs & Data Viz should use the primary colour palette. If there is need for more colour, then the secondary colour palette can be used.
