Visual identity

Colors

Atlas Copco has a defined color palette that includes primary colors with tints and shades, an accent color, and extended accent colors.

Primary colors

Atlas Copco blue is the main color; it helps identify the brand and harmonizes with the classic logotype. It is to be used sparingly for elements that attract attention and is a statement of the Atlas Copco brand. Gray is used to make text visible and create contrast against lighter tones. Beige is used for backgrounds and various branded elements, while white is the default background color for both digital and print media.

Atlas Copco blue with associated color codes
Primary gray with associated color codes
Primary beige with associated color codes
Primary white with associated color codes

For the product color guidelines, refer to the product identity manual.

Tints and shades

A tint is created by mixing a color with white, resulting in a lighter version of the color, while a shade is created by mixing a color with black, making it darker. The tints and shades are created from the primary colors. It should be used strategically to enhance contrast, depth, and balance within the visual hierarchy, ensuring clarity and emphasis where needed.

Blue shade 01

CMYK   :  03 0 0 1
RGB      :  245 251 252
HEX      :  #F5FBFC

Blue 03

CMYK   :  26 01 05 0
RGB      :  184 224 236
HEX      :  #B8E0EC

Blue shade 05

CMYK   :  49 05 10 0
RGB      :  122 198 220
HEX      :  #7AC6DC

Blue shade 07

CMYK   :  66 3 12 2
RGB      :  61 172 204
HEX      :  #3DACCC

Blue shade 09

CMYK   :  100 0 15 6
RGB      :  0 146 188
HEX      :  #0092BC

Blue shade 11

CMYK   :  90 47 30 6
RGB      :  0 111 143
HEX      :  #006F8F

Gray shade 01

CMYK   :  04 02 02 0
RGB      :  248 249 249
HEX      :  #F8F9F9

Gray shade 03

CMYK   :  17 12 11 0
RGB      :  209 212 215
HEX      :  #D1D4D7

Gray shade 05

CMYK   :  34 25 23 0
RGB      :  170 176 181
HEX      :  #AAB0B5

Gray shade 07

CMYK   :  52 39 36 3
RGB      :  130 139 146
HEX      :  #828B92

Gray shade 09

CMYK   :  67 51 45 17
RGB      :  91 103 112
HEX      :  #5B6770

Gray shade 11

CMYK   :  75 63 58 54
RGB      :  47 54 58
HEX      :  #2F363A

Beige shade 01

CMYK   :  03 03 04 0
RGB      :  245 242 239
HEX      :  #F5F2EF

Beige shade 02

CMYK   :  05 05 07 0
RGB      :  239 235 230
HEX      :  #EFEBE6

Beige shade 03

CMYK   :  08 09 11 0
RGB      :  231 224 218
HEX      :  #E7E0DA

Beige shade 04

CMYK   :  11 13 16 0
RGB      :  223 214 206
HEX      :  #DFD6CE

Accent color

Yellow should be only used as an accent color, as its strong presence can easily overwhelm other colors if not applied carefully.

A yellow accent color with color codes

Extended accent colors

We have five extended accent colors: peach, red, purple, green, and blue. These colors should be used only in special cases, such as illustrations and complex graphics. It is important to use them carefully to enhance small design elements, ensuring they never dominate the primary colors. In any case, make sure they do not overpower the design.

Extended accent peach with associated color codes
Extended accent red with associated color codes
Extended accent purple with associated color codes
Extended accent green with associated color codes
Extended accent blue with associated color codes

Color accessibility

To ensure optimal readability, select text colors for headings and body text that provide sufficient contrast against the background. Refer to the specified color codes for accurate pairings with primary colors, always prioritizing strong contrast for maximum visibility.

Text on primary colors

Example of how text should be applied to a blue teaser card

Background : Atlas Copco blue

Hex : #0092BC

Text color : White

Hex : #FFFFFF

Example of how text should be applied to a gray teaser card

Background : Gray

Hex : #5B6770

Text color : White

Hex : #FFFFFF

Example of how text should be applied to a beige teaser card

Background : Beige

Hex : #F5F2EF

Text color : Gray 11

Hex : #2F363A

Text color : Blue 11

Hex : #006F8F

Example of how text should be applied to a white teaser card

Background : White

Hex : #FFFFFF

Text color : Gray 11

Hex : #2F363A

Text color : Blue 11

Hex : #006F8F

Note: For body text on digital platforms, we use Gray 09.