Color palette
The color palettes below give you a complete overview of the Hocoma colors and how to use them.
Primary colors
The primary color palette consists of a gradient and two different shades of gray, usually reserved for text (or complementary elements in diagrams).
Medium gray is mostly used for body copy and captions. Light gray is mostly used for smaller auxiliary text – like the page number, header, and footer.
GradientSee gradient details below
Medium GrayHEX: #6e6e6eRGB: 110/110/110CMYK: 0/0/0/70Pantone 424C
Light GrayHEX: #969696RGB: 150/150/150CMYK: 0/0/0/50Pantone 422C
Gradient
The gradient is an important element in our visual identity. It brings liveliness and energy into the look and feel of Hocoma communications.
It consists of four different swatches. It should always be used with an angle of -30°. Be sure to use the gradient with 100% fill, without opacity, multiply or other color effects.
The gradient is generally used for headlines, titles, various visual elements (such as lines, bars, boxes or background) and illustrations. Use the gradient to highlight elements. If counterproductive, please consider using other solid colours.
See graphic elements section
Secondary colors
The secondary color palette consists of a set of colors that harmonize well with the logo and primary palette. They have been selected as an extension of the main range of tones of the identity.
These colors should be used sparingly for feature design elements – as in diagrams, infographics and presentations – and in combination with the primary palette.
Secondary 1HEX: #ffcd00RGB: 255/205/0CMYK: 0/20/100/0
Secondary 2HEX: #f36e1eRGB: 243/110/30CMYK: 0/70/100/0
Secondary 3HEX: #f01428RGB: 240/20/40CMYK: 0/100/100/0
Secondary 4HEX: #4c032cRGB: 76/3/44CMYK: 60/100/60/50
Secondary 5HEX: #4cb1ffRGB: 76/177/255CMYK: 65/15/0/0