• About the brand
  • Visual Identity
  • How to use the brand
  • Digital Experience
  • Media library

Brand portal

Visual identity

Core elements

Color

© 2024 International Motors, LLC. All rights reserved. All marks are trademarks of their respective owners.Send Feedbackwww.international.com

Color

Overview & ProportionsCore base colorsCore accent colorGrayscaleSupporting colorsExtended paletteApproachThematic consistencyAccessibility Usage inspiration
Overview & ProportionsCore base colorsCore accent colorGrayscaleSupporting colorsExtended paletteApproachThematic consistencyAccessibility Usage inspiration

The International colors draw inspiration from our products and the landscapes we operate in, capturing the natural hues of our environment and transforming them into a versatile brand palette.

The palette is designed to cater to a wide range of needs, from digital to print and spatial design. Moreover, it can be used to create various color tonalities, ranging from monochromatic to expressive, resulting in a color system that is versatile, cohesive and unique to our brand.

Examples of how the color palette is used in the brand identity

Overview & Proportions

These are our colors organized by size. The larger the size, the more prominence it has in the system. The core colors are used most frequently, while the supporting colors serve a more complementary role.

Overview of the color palette

Core base colors

White is our core background color and a fundamental component of our palette, providing freshness and unity across all touchpoints.

Asphalt Black is the dark alternative and caters to both light and dark environments. Together, these colors create a solid foundation for our brand.

International core base colors with descriptors and details

Core accent color

International Orange is our core accent color. Bold and energetic, it has the power to convey a strong brand identity even in the simplest layouts. This color should be used to create a hierarchy, highlight information or add interest.

International core accent color orange with descriptors and details

Grayscale

The grays offer a clean and functional alternative to the more expressive colors in our palette, providing a neutral backdrop that complements any other color while allowing content to stand out.

Black is our main text color, always ensuring optimal contrast and legibility.

International grey scale color palette

Supporting colors

Our supporting colors serve as supporting accents, adding flexibility, visual depth and expressiveness. Additionally, these colors play a functional role in data visualization and navigation.

Note that the supporting colors should not be used merely for decoration.

International supporting color palette with names and descriptors / details

Combinations

The supporting colors can be used as singles, in pairs or trios. Note that the combinations must match the order of the palette. For example, Canola Yellow can be paired with either Bus Yellow or Forest Green or used as a trio with all three colors combined.

Example that Canola Yellow can be paired with either Bus Yellow or Forest Green, or used as a trio with all three colors combined.

Example 01: Canola Yellow can be paired with either Bus Yellow or Forest Green, or used as a trio with all three colors combined.

Example that Bus Yellow can be paired with either Canola Yellow or Clay Brown or used as a trio with all three colors combined.

Example 02: Bus Yellow can be paired with either Canola Yellow or Clay Brown or used as a trio with all three colors combined.

Approved combinations

These are all approved combinations of supporting colors, in pairs and trios. Note that these colors can be combined with any core color.

Approved color combinations for Internationals in pairs

Pairs

Approved color combinations for Internationals in trios

Trios

Extended palette

The extended palette is specifically tailored for data visualization and infographics, including expanded tonal ranges of each individual brand color.

Use the extended palette when you have more data points and need a broader range of colors or when you want to create thematic consistency with other colors used in the same application.

International extended color palette with descriptors and details

Approach

Varying tonalities

We apply our colors in different ways depending on the situation to create a variety of tonalities, ranging from monochromatic to vibrant and expressive.

Monochromatic 3D mockup of the International symbol

Monochromatic

Example of using the orange accent on International business cards

Orange accent

Example of using the full color palette in a brochure or report

Full color

Monochromatic

For corporate communications, we apply a monochromatic approach, using only our neutrals. This provides a modern and focused color expression that harmonizes with any other color. It's also valuable in environments with limited control, like dealership uniforms, or signage.

Monochromatic 3D mockup of the International symbol
International logotype lockup on a building
Co-branding example of an International dealer "Riverview Trucks"

Orange accent

Beyond the neutrals, we have the bold and energetic International Orange. This color should be used to create a hierarchy, add interest, or highlight information. It can range from a small detail to a large, expressive backdrop, depending on context.

Example of using the orange accent for International business cards
Example of using the orange accent on International merchandise
Example of using the orange accent on a digital application

Full color

Within an International context, such as on a website, in a brochure, or on merchandise clothing, we can use our full palette to convey a dynamic expression and the complexity of our business.

International financial report and how the color palette is used in them

Financial report

International website and how the color palette is used in this context

Website

International electronic component branded including the color palette

Electronic component

Mockup of an International sustainability report including usage of the color palette

Sustainability report

Mock-up of International scale model packaging

Scale model packaging

Display of International merchandise clothing in different colors of the palette

Merchandise

Thematic consistency

Extended color themes can establish thematic consistency across data visualizations and other elements within an application.

To differentiate sections, chapters, and topics, use distinct color themes. Ensure that each section maintains a consistent color theme and avoid mixing different themes within a single section to preserve clarity and coherence.

Report section using yellow color of the palette

Section using yellow

Report section using brown color of the palette

Section using brown

Report section using red color of the palette

Section using red

Repetition

Limit the color themes within a document to the approved combinations, using a maximum of three. Sections can alternate between two or three color themes, depending on the number of colors chosen.

Repetition of three color themes

Repetition of three color themes

Repetition of two color themes

Repetition of two color themes

Accessibility

Core colors

Use these approved examples when applying color to text. For maximum legibility and contrast, choose either black or white text, depending on the background color.

International Orange can be used for headlines or spot text, but it should never be used for body text.

White core base (light mode)

White Core base (light mode)

Asphalt Black Core base (dark mode)

Asphalt Black Core base (dark mode)

International Orange Core accent

International Orange Core accent

Black Primary text color

Black Primary text color

Gray 100 Supporting base color

Gray 100 Supporting base color

Gray 300 Supporting base color

Gray 300 Supporting base color

Gray 500 Supporting base color

Gray 500 Supporting base color

Gray 700 Supporting base color

Gray 700 Supporting base color

Supporting colors

When working with our supporting colors, always apply text in either black or white to ensure legibility and contrast.

Field Green Supporting accent

Field Green Supporting accent

Forest Green Supporting accent

Forest Green Supporting accent

Canola Yellow Supporting accent

Canola Yellow Supporting accent

Bus Yellow Supporting accent

Bus Yellow Supporting accent

Clay Brown Supporting accent

Clay Brown Supporting accent

Harvester Red Supporting accent

Harvester Red Supporting accent

Desert Red Supporting accent

Desert Red Supporting accent

Usage inspiration

Below are indicative visual examples of how to use color. These examples should be used as inspiration, informing both employees and partner agencies how to use the brand identity. While these images show best practice, they may not accurately represent how specific applications look in reality.

Profile page in an appBlack leather with orange and white stitchesA truck on a curvy roadCalifornia emissions slidesA man dressed in a red international shirt
A green international capText about sustainability on an ipad
International clothing
Previous
Typography
Next
—Supporting elements
Infographics and Data Visualization