Skip to the main content

Color Palette

Core Color Palette

Distinct and modern hues have been selected to activate the Arity brand. Use only the PMS, CMYK, RGB and HEX values provided, as they have been optimized for ideal display.

The color palette is organized into three tiers based on how much visual presence they should have within brand communications.

Primary
The primary tier provides a sophisticated and neutral foundation for the brand. The Arity wordmarks only utilize colors from this group.

Secondary
The secondary tier complements the primary hues. When used in conjunction with the neutral primary hues, the use of our secondary colors helps establish visual consistency across applications.

Tertiary:
The colors within the tertiary tier should be used more minimally and in support of hues from the primary and secondary tier.

Extended Color Palette

The extended palette provides a wider range of brand colors that can be used in conjunction with the original palette. They should only be used to compliment the core colors, and never used as a replacement. The extended palette should still adhere to the three tiers of visual presence to maintain consistency.

When creating gradients the start and end point colors can be selected from any range of the extended palette.

Use only the PMS, CMYK, RGB and HEX values provided, as they have been optimized for ideal display.

Monochromatic Color Palette

The monochromatic palette is reserved for select applications that require either a range of tones or a lighter primary brand color. It should be used only in conjunction with the brand palette, and not a replacement of it.

Use only the PMS, CMYK, RGB and HEX values provided, as they have been optimized for ideal display.

Web, dark background

For web applications with dark backgrounds, the Web Content Accessibility Guidelines (WCAG) 2.0, level AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. Large text is defined as at least 18 point or 14 point bold in size. To ensure compliance with WCAG the following colors listed are approved for use when placed over the primary navy brand color.

Use only the RGB and HEX values provided, as they have been optimized for ideal display.

Web, light background

For web applications with light backgrounds, the Web Content Accessibility Guidelines (WCAG) 2.0, level AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. Large text is defined as at least 18 point or 14 point bold in size. To ensure compliance with WCAG the following colors listed are approved for use when placed over white and light grey.

Use only the RGB and HEX values provided, as they have been optimized for ideal display.

Web, buttons

For web applications with buttons, the Web Content Accessibility Guidelines (WCAG) 2.0, level AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. Large text is defined as at least 18 point or 14 point bold in size. To ensure compliance with WCAG the following colors listed are approved for use when text is placed over a brand color.

Use only the RGB and HEX values provided, as they have been optimized for ideal display.

Color palette, notifications

The notification color palette is reserved for app alerts and should not be used for Arity brand graphics.

Use only the RGB and HEX values provided.

Can't find what you're looking for?

Contact the Arity marketing team for more information