Colors

Colors should be used sparingly within our products to help keep our users stay focused. Color should be applied to emphasize important information, call attention to actions, and increase scannability. Color should not be used in Kajabi to arbitrarily add personality.


Base

General background and text colors.

Classname Token

Hex Token

Classname Token

Hex Token

Neutral palette

Text and border colors, drop-shadows, and other interface components.

Classname Token

Hex Token

Classname Token

Hex Token

Classname Token

Hex Token

Classname Token

Hex Token

Classname Token

Hex Token

Classname Token

Hex Token

Classname Token

Hex Token

Classname Token

Hex Token

Classname Token

Hex Token

Classname Token

Hex Token

Primary palette

Kajabi blue is the primary color used to signify that an element is clickable or has a selected state.

Classname Token

Hex Token

Classname Token

Hex Token

Classname Token

Hex Token

Classname Token

Hex Token

Classname Token

Hex Token

Success palette

To communicate success and positive states.

Classname Token

Hex Token

Classname Token

Hex Token

Classname Token

Hex Token

Classname Token

Hex Token

Classname Token

Hex Token

Warning palette

To communication something that requires attention or action.

Classname Token

Hex Token

Classname Token

Hex Token

Classname Token

Hex Token

Classname Token

Hex Token

Classname Token

Hex Token

Danger palette

Reserved for times when something important is missing or for irreversible or destructive actions.

Classname Token

Hex Token

Classname Token

Hex Token

Classname Token

Hex Token

Classname Token

Hex Token

Classname Token

Hex Token

Supporting palette

Used only when no other color option is available.

Classname Token

Hex Token

Classname Token

Hex Token

Classname Token

Hex Token

Classname Token

Hex Token

Classname Token

Hex Token

Classname Token

Hex Token

Classname Token

Hex Token

Classname Token

Hex Token

Classname Token

Hex Token

Classname Token

Hex Token