Brand Colors


For a comprehensive overview of color usage, please see Foundations Colors

Brand Color Overview

ColorNameHexUse Case



Primary buttons



• Typography and Illustration outlines

• Illustration outlines may also use ink-700 and on rare occasions white


Outline color for illustrations. (This decision was made so that illustration outlines will be visible on top of the (often used) ink-900 background)

500-level colors

Used as the primary fill colors for illustrations to make them appear bold and consistent. On rare occasions, different colors from the Foundations Palette can be used.

White, Gray-100, Plum-100, Purple-100, ink-900

Background colors

Color Ratios

Last updated