White is used for text and icons on dark backgrounds. Stone is used for the product's canvas. Ash is primarily used for Wells (Empty States).
Used for dark text (Wisteria 800), content header background and status tags.
Used for links (Cluny 500), control actions, guidance and onboarding.
Used for Calls To Action (CTAs) and positive moods (e.g. success messages, status, progress).
Used for highlighting Collective Intelligence assets and cautionary moods (e.g. warning messages, progress).
Used for indicating intensity (e.g. Impact bar) and status tags.
Used for destructive actions and negative moods (e.g. error messages, status, progress).
To learn more, Culture Amp employees can visit the Color page in Figma.
We no longer use these colors, but they'll stay here for reference for a short time.
add-alpha) for all color CSS declarations.
To indicate links and on-page actions, use Cluny.
For the most important action on a page, use Wisteria.
To indicate Sentiment, use:
Here are some examples of existing design system colors: