The following colors can be used for UI elements. When using colors, make sure the color contrast is high enough to meet accessibility standards.
Trimble apps use a primary palette consisting of blue and yellow, together with various shades of “steel” or blueish gray. These colors have been the basis of Trimble’s corporate identity and come in four main colors: blue, yellow, light gray, and dark gray.
Blue and neutral progression colors are used as primary UI colors in Trimble products. Additional colors (such as the Trimble yellow, red, and green) are used sparingly and purposefully, usually as accent colors only.
Trimble Blue Dark
Trimble default color theme are based on blues and grays. Blue progressions are often used as the primary application color, frequently featured as primary button color and application nav color.
Neutral progressions are used as background and text colors, borders, and button colors. Trimble Gray is the primary text color. Gray 6 is used as a secondary text color and default icon color. Gray Light is a background color for panels.
Yellow progressions are used as a secondary color in applications. They can be used for a high-visibility primary button. Use sparingly as highlights to draw attention. Yellow Dark is used as the primary warning color. Yellow should never be used as text color. Yellow Pale can be used as a background color for warning containers.
Red progression should be used sparingly as a warning color to indicate critical actions, notification of a system failure, error, or action failure.
Green progression should be used sparingly as a color indicating success, positive notification, or as a highlight only.
Colors that are only used for particular purposes.
The In-Field global palette is used in all in-field and on-machine products, and will no change regardless of brand. These colours shall not change to suit any specific product. They establish a consistent colour language and convey the universal usage of fundamental UI elements.
- The Global Color Palette consists of these categories:
- Guidance Indication
- Operational States
- System Status
- Messaging (alarms, alerts, notifications, etc.)
Note: Success dark background should only be used with a dark outline and when state needs to be clearly visible, like the on-grade state. The secondary color for light mode is Gray 9 not Gray 6 for higher contrast.
Success Dark background
Success Light background
|10/19/2021||1.2.0||New brand colors published.||T. Bernard, E. Bohn, E. Gunther|
|11/23/2020||1.0.0||Neutral progression reduced; yellow, red, and green progressions added.||M. Heighway, E. Bohn, L. Cook, A. Eidam|