Skip to content

We have defined our colors with specific values for both print and screen. Always make sure you adhere to these specifications for all applications.

Primary palette

The primary palette consists of five colors, including black and white. Hydro Blue is our main color. It is used in the logo, and extensively throughout the visual identity, carrying the strongest brand recognition.

Hydro Blue

Hydro Light Blue

Hydro Aluminium

Print
Pantone U 5395
Pantone C 7546
CMYK 58 34 18 60

Screen
RGB 68 77 85
HEX 444D55

Paint & textile
RAL 5008
NCS S 7010-R90B
Pantone 19-4014 TCX

Print
Pantone 7544
CMYK 35 14 11 34

Screen
RGB 118 134 146
HEX 768692

Paint & textile
RAL 7000
NCS S 5010-B10G
Pantone 17-4111 TCX

Print
Pantone 877
CMYK 0 0 0 40

Screen
RGB 140 140 140
HEX 8C8C8C

Paint & textile
RAL 9006
NCS S 3000-N
Pantone 15-4703 TCX

 

Brand Black

Brand White

 

Print
CMYK 0 0 0 100

Screen
RGB 0 0 0
HEX 000000

Paint
RAL 9005
NCS S 9000-N

Print
CMYK 0 0 0 0

Screen
RGB 255 255 255
HEX FFFFFF

Paint & textile
RAL 9003
NCS S 0500-N

 

Secondary palette

The secondary palette has been developed to complement our primary colors. It provides versatility in situations where many colors are needed, e.g., to create complex graphs and charts.

Hydro Green

Hydro Warm

Hydro Purple

Print
Pantone 562
CMYK 92 30 61 21

Screen
RGB 67 128 122
HEX 43807A

Print
Pantone 7528
CMYK 5 10 17 16

Screen
RGB 197 185 172
HEX C5B9AC

Print
Pantone 5185
CMYK 53 81 26 75

Screen
RGB 74 48 65
HEX 4A3041

Hydro Bauxite

 

 

Print
Pantone 7597
CMYK 11 85 93 2

Screen
RGB 185 89 70
HEX B95946

   

Web specific colors

In order to comply with accessibility requirements and for greater flexibility, two tints - one darker and one lighter - of our Aluminium color are available to use on our website.

The dark tint must be used whenever text needs to appear in gray.

The light tint is for subtly separating a certain area from the white background, like in a fact box.

Mid Gray

Light Gray

 

Screen
RGB 117 117 117
HEX 757575

Screen
RGB 244 244 244
HEX F4F4F4

 

Color balance

When designing, you should always think of how to use the different colors in our palette. Below you can see an illustration showing the propotional use of primary colors, secondary colors and the tool colors in Hydro materials. 

It is important to use the Brand White color and white space in the design to add personality and a touch of class.

diagram, bubble chart
Illustration showing color balance in Hydro materials (click to open large version)

Hydro Adobe swatch panels