Color

Introduction

Our color palette is an important tool to help visualize our brand expression. Color can also be used functionally to draw emphasis to certain aspects of a design, to assist with digital interactions, and to create hierarchy.

Primary colors

Blue serves as the primary color for our branded materials. It is the signature color for our logo and is the color by which all other accent, highlight and supplemental colors are selected.

blue100
HEX
#E1F0FF
rgb
225, 240, 255
CMYK
10, 0, 0, 0
blue200
HEX
#B9DCFF
rgb
185, 220, 255
CMYK
25, 0, 0, 0
blue300
HEX
#5AAFFF
rgb
90, 175, 255
CMYK
65, 10, 0, 0
blue400
HEX
#0A8CFA
rgb
10, 140, 250
CMYK
100, 40, 0, 0
blue500
HEX
#055AAF
rgb
5, 90, 175
CMYK
100, 40, 0, 30
blue600
HEX
#053764
rgb
5, 55, 100
CMYK
100, 30, 0, 65
blue700
HEX
#001423
rgb
0, 20, 35
CMYK
80, 30, 0, 85

Neutrals

Alongside our primary color, the unsung hero is our gray color palette. While it may not sound the most interesting, a wide selection of carefully selected gray swatches can be utilized to carefully craft a visual hierarchy to your layout or to assist with interactive elements in digital applications.

white
HEX
#FFFFFF
rgb
255, 255, 255
CMYK
0, 0, 0, 0
gray100
HEX
#FAFAFA
rgb
250, 250, 250
CMYK
     
gray200
HEX
#F1F1F1
rgb
241, 241, 241
CMYK
    
gray300
HEX
#EBEBEB
rgb
235, 235, 235
CMYK
    
gray400
HEX
#D7D7D7
rgb
215, 215, 215
CMYK
0, 0, 0, 15
gray500
HEX
#cccccc
rgb
204, 204, 204
CMYK
0, 0, 0, 20
gray600
HEX
#A0A0A0
rgb
160, 160, 160
CMYK
0, 0, 0, 40
gray700
HEX
#737373
rgb
115, 115, 115
CMYK
0, 0, 0, 65
gray800
HEX
#4B4B4B
rgb
75, 75, 75
CMYK
   
gray900
HEX
#2D2D2D
rgb
45, 45, 45
CMYK
0, 0, 0, 85
gray1000
HEX
#0F0F0F
rgb
15, 15, 15
CMYK
   
yellow100
HEX
#000000
rgb
0, 0, 0, 0
CMYK
0, 0, 0, 100
Rich black (print)
CMYK
50, 40, 40, 100

Accent colors

Our accent colors are used purposefully in specific assets to indicate assignment to particular sales or product categories, helping to visually connect these materials to their relevant market area as well as to add visual interest to our brand identity system.

Construction Yellow

Bright and bold, representing our work in building and infrastructure.

yellow100
HEX
#FFF0C6
rgb
255, 240, 198
CMYK
0, 0, 15, 0
yellow200
HEX
#FFDE7F
rgb
255, 222, 127
CMYK
0, 10, 55, 0
yellow300
HEX
#FFC81E
rgb
255, 200, 30
CMYK
0, 15, 100, 0
yellow400
HEX
#FFAF00
rgb
255, 175, 0
CMYK
0, 30, 100, 0
yellow500
HEX
#e79029
rgb
231, 144, 41

Geomatics Flash

Fresh and vibrant, reflecting our precision in mapping and measurement.

flash100
HEX
#f2fab7
rgb
242, 250, 183
CMYK
Coming soon
flash200
HEX
#ddf075
rgb
221, 240, 117
CMYK
Coming soon
flash300
HEX
#c6eb0c
rgb
198, 235, 12
CMYK
Coming soon
flash400
HEX
#b0d40a
rgb
176, 212, 10
CMYK
Coming soon
flash500
HEX
#9ebf00
rgb
158, 191, 0

Agriculture Green

Earthy and natural, symbolizing our commitment to smarter, more sustainable farming.

green100
HEX
#E6F5EB
rgb
230, 245, 235
CMYK
10, 0, 10, 0
green200
HEX
#B9E6CD
rgb
185, 230, 205
CMYK
30, 0, 30, 0
green300
HEX
#5AC878
rgb
90, 200, 120
CMYK
80, 5, 90, 0
green400
HEX
#0AAA5A
rgb
10, 170, 90
CMYK
90, 20, 100, 10
green500
HEX
#007337
rgb
0, 115, 55

Color guidelines

Our neutral and primary blue colors form the foundation of the Topcon brand identity. These colors should always lead our visual communications, ensuring a consistent and recognizable look across all materials. This color palette is designed for most applications—it reflects our core values of precision, trust, and innovation.

Accent colors are no longer to be used as they were in the past; they now have a more refined role reserved only for select purposes.

Our accent colors have a more specialized role. They are reserved for very select purposes to highlight specific elements or provide visual support, never to overpower or compete with the primary palette.

Where to use each:

  • Primary palette: Events and tradeshows, website, public presentations (webinars or at events), vehicle branding, branded merchandise, social media, advertising, corporate communications, etc.
  • Accent colors: Training documentation, support documentation, in-product experiences, brochures and datasheets, and technical publications, etc.

Guidance

Below are some best practices to guide you in using color effectively.

Do

Follow branded templates whenever possible to ensure proper color usage

Always consider accessibility when using colors together—make sure there is sufficient contrast for readability and inclusivity

Use the primary and neutral color palette as the foundation for most materials

Checkmark Icon
correct

Don't

Do not use accent colors in text or iconography

Never use accent colors in a way that overpowers or bypasses the primary brand palette

Do not introduce colors that are not part of our brand palette

Use inaccessible/low contrast color combinations

Never mix multiple accent colors in the same layout or piece

"X" icon.
incorrect