Color Palette

The following colors can be used for UI elements. When using colors, make sure the color contrast is high enough to meet accessibility standards.

Primary Palette

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.

Blue Progression

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 Progression

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 Progression

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

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

Green progression should be used sparingly as a color indicating success, positive notification, or as a highlight only.

Special Case Colors

Colors that are only used for particular purposes.

In-Field Global Colors

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
• Autos
• 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.

Text Color Use Examples

Extended Trimble Color Palette

• Full brand color palette