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.
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.
Accent colors
Our accent colors of yellow and green are primarily used as highlight colors to draw emphasis, indicate a status, or for any other needs where our primary or gray color palettes do not suffice.
Yellow
Our complimentary color of yellow is mainly used as a highlight color to draw emphasis within illustrations, webpages, software, and a wide variety of other touchpoints.
Green
Mainly for agriculture use but may be used in a limited capacity for user-interface design.
Color guidelines
Please refer to the guidelines below to ensure that our color palette is used in a way that is consistent to prevent colors from competing, misdirecting, or overwhelming the end user.
Accent colors should only be used to highlight specific elements, components, icons, or overlays
It is important that accent colors not be overused as to confuse them with a primary color. These colors should be used to complement an existing layout, photograph, or icon without overpowering it.
Using the right color for the right content
In one given piece of content, it must be decided if an accent color is to be used at all. If so, only use the respective accent color.
Do not use accent colors on their own
Our accent colors should always be used in conjunction with our primary color palette. This means that you cannot use gray and yellow on their own without incorporating blue. Click here to view the Color proportions and usage section.
Always keep color contrast in mind when selecting colors to use
It is important to keep in mind how different colors work when used together. While our palette offers a wide range of options, they need to be used together correctly to meet accessibility guidelines. Click here to view the Accessibility section.
Color proportions and usage
Neutrals, 75%
For a clean, fresh, modern look, Topcon marketing pieces start with a foundation of a neutral gray or white. Refer to the Supplemental Colors page for approved neutral colors.
Primary colors, 35%
The main color for the Topcon brand is blue. When incorporating color into a design, the entire blue palette can be used to draw emphasis, create hierarchy, and build brand expression.
Accent colors, 5%
Green and yellow are used as a highlight for positioning- and agriculture-specific materials. While not required, they can be used sparingly to draw attention or to emphasize specific elements within a layout.
Neutrals, 30%
For a clean, fresh, modern look, Topcon marketing pieces start with a foundation of a neutral gray or white. Refer to the Supplemental Colors page for approved neutral colors.
Primary colors, 65%
The main color for the Topcon brand is blue. When incorporating color into a design, the entire blue palette can be used to draw emphasis, create hierarchy, and build brand expression.
Accent colors, 5%
Yellow is used as a highlight for positioning-specific materials. While not required, it can be used sparingly to draw attention or to emphasize specific elements within a layout.
Neutrals, 75%
For a clean, fresh, modern look, Topcon marketing pieces start with a foundation of a neutral gray or white. Refer to the Supplemental Colors page for approved neutral colors.
Primary colors, 15%
The main color for the Topcon brand is blue. When incorporating color into a design, the entire blue palette can be used to draw emphasis, create hierarchy, and build brand expression.
Accent colors, 10%
Green is used as a highlight for agriculture-specific materials. While not required, it can be used sparingly to draw attention or to emphasize specific elements within a layout.