Primary palette
To signify that an element is clickable or has a selected state.
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
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
Classname Token
Hex Token
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
Classname Token
Hex Token
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
Classname Token
Hex Token
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
Classname Token
Hex Token
Deprecated colors
It is no longer recommended to use these colors.
Primary
Blue should be used instead of primary.
Classname Token
Hex Token
Classname Token
Hex Token
Classname Token
Hex Token
Classname Token
Hex Token
Classname Token
Hex Token
Sage
Green should be used instead of sage.
Classname Token
Hex Token
Classname Token
Hex Token
Classname Token
Hex Token
Classname Token
Hex Token
Classname Token
Hex Token
Orange
Mercury should be used instead of orange.
Classname Token
Hex Token
Classname Token
Hex Token
Classname Token
Hex Token
Classname Token
Hex Token
Classname Token
Hex Token
Charcoal
Grey should be used instead of charcoal.