IconLogoMark
IconUiExpandCollapseDown

Release NotesIconUiExpandCollapseDown

ComponentsIconUiExpandCollapseDown

GuidelinesIconUiExpandCollapseDown

AccessibilityIconUiExpandCollapseDown
LayeringIconUiExpandCollapseDown
LayoutIconUiExpandCollapseDown

PatternsIconUiExpandCollapseDown

WordsIconUiExpandCollapseDown

ResourcesIconUiExpandCollapseDown

Identity

/

Design

Provide a palette for the user's self-expression.

Teams choose their own identity color for stronger brand recognition, in the product, design assets and across public pages.

Usage

Don't use identity colors as text.

Don'tuse identity colors as text.

Do use identity colors as accents.

Douse identity colors as accents.

Values

ColorNameRGBA
Identity Maroon121, 6, 34, 1
Identity Scarlet208, 0, 0, 1
Identity Apple255, 30, 30, 1
Identity Orange255, 140, 0, 1
Identity Gold237, 180, 7, 1
Identity Yellow255, 221, 0, 1
Identity Forest36, 89, 0, 1
Identity Kelly62, 150, 0, 1
Identity Sky83, 188, 239, 1
Identity Royal8, 77, 163, 1
Identity Navy12, 57, 112, 1
Identity Purple98, 18, 150, 1
Identity Pink255, 76, 162, 1
Identity White250, 250, 250, 1
Identity Silver215, 217, 221, 1
Identity Grey100, 101, 102, 1
Identity Black34, 34, 34, 1
Identity Default56, 67, 79, 1