How to use color

Selfie of two women hiking in the mountains

Our specific color palette is characteristic of the Bayer look. The use of the colors defined here helps to create a consistent and recognizable brand around the world. There are no specific color assignments for divisions or departments. In fact, extensive use of the color palette is encouraged.

 

Our color palette

Our color palette

 

The Bayer color palette consists of 12 colors plus white. The 12 colors can be split into three groups: blues, greens and purples. Each color is expressed by four hues; bright, core, mid and dark.

 

For example, dark colors can be used for text on white or light backgrounds. Body text is typically set in dark blue. The wide range of light and dark hues and the use of transparencies offer many design options. When overlaying photos with (transparent) color areas, for example to make text more legible, the overlaid image section should be taken into account and the image quality maintained.

White space

White is an essential element of our brand. In compositions and layouts, the deliberate, generous use of white space provides a sense of calm and confidence and a canvas against which the other brand colors have greater impact.

Download Bayer Color Guide
Contact

If you have any further questions about this or any other section of Bayer Identity Net, please contact:

Color values

Dark hues

Bayer Dark Blue

 
Pantone 2380C
RAL 5011
RGB 16/56/79
HEX 10384F
CMYK 80/33/0/80
Bayer Dark Green

 
Pantone 553C
RAL 160 30 15
RGB 0/68/34
HEX 004422
CMYK 82/30/65/76
Bayer Dark Purple

 
Pantone 518C
RAL 330 20 20
RGB 68/50/71
HEX 443247
CMYK 55/88/32/63

Mid hues

Bayer Mid Blue

 
Pantone 2152C
RAL 240 40 30
RGB 0/97/127
HEX 00617F
CMYK 84/32/13/22
Bayer Mid Green

 
Pantone 7742C
RAL 6001
RGB 43/102/54
HEX 2B6636
CMYK 71/5/92/45
Bayer Mid Purple

 
Pantone 5135C
RAL 4001
RGB 98/73/99
HEX 624963
CMYK 36/68/24/31

Core hues

Bayer Blue

 
Pantone 2192C
RAL 5012
RGB 0/145/223
HEX 0091DF
CMYK 93/17/6/0
Bayer Green

 
Pantone 376C
RAL 120 70 75
RGB 102/181/18
HEX 66B512
CMYK 57/0/100/0
Bayer Raspberry

 
Pantone 1925C
RAL 010 40 53
RGB 211/15/75
HEX D30F4B
CMYK 0/100/55/0

Bright hues

Bayer Bright Blue

 
Pantone 298C
RAL 240 70 30
RGB 0/188/255
HEX 00BCFF
CMYK 71/0/0/0
Bayer Bright Green

 
Pantone 2299C
RAL 110 80 70
RGB 137/211/41
HEX 89D329
CMYK 40/0/100 /0
Bayer Fuchsia

 
Pantone 1785C
RAL 3018
RGB 255/49/98
HEX FF3162
CMYK 0/88/62/0

On screen color alternatives

There are alternative versions of some colors in our palette, exclusively for use in html text on screen. This is to ensure sufficient contrast for legibility. No tints of these colours should be used.

Bayer Blue
Screen Text
HEX 0075A6
RGB 0/117/166
Bayer Green
Screen Text
HEX 108000
RGB 16/128/0
Bayer Mid Purple
Screen Text
HEX 6A4C72
RGB 106/76/114
Bayer Raspberry
Screen Text
HEX DE0043
RGB 222/0/67

Color gradients

Gradients are an effective way to add vibrant accents. When using gradients, it is recommended to keep the tone the same. For example, mixing blue with blue, green with green, or purple with purple works well. For good color transitions, mix a dark color with a medium color, a medium color with a core color, or a core color with a light color. 

Blue gradients

 

image

 

image

 

image

Green gradients

 

image

 

image

 

image

Purple gradients

 

image

 

image

 

image

Color gradient examples

Gradients can be used to complement the flat colors or used on their own. Consider production capabilities and legibility when deciding whether or not to use a gradient as opposed to a flat color. The examples below show how to combine flat colors and gradients.

image
Combination of flat color and gradient (dark color top).

 

image
One gradient interruped by flat color panel in the middle.

 

image
Example of a gradient overlay at 100% opacity.
image
Combination of flat color and gradient (dark color bottom).

 

image
Two opposing gradients of the same color combination.

 

image
Example of a gradient overlay at 90% opacity.
image
Narrow strip of gradient on flat colored background.

 

image
Gradients can be combined with opposing flat colors.

 

image
Dark and light gradients from one hue family can be combined.

How it looks in practice

Treatments to avoid

Avoid using our gradients in following ways.

image
Avoid using more than two opposing directions.
image
Don’t combine gradients of different color hues.
image
Avoid creating narrow windows.