Slack Color Palette
SocialSlack's four-color palette of aubergine, blue, green, yellow, and red creates a distinctive, friendly identity that stands out in enterprise software.
slack.comSlack logo is a trademark of Slack. Used for informational purposes.
Brand Colors
Slack Aubergine
primary
Slack Blue
secondary
Slack Green
accent
Surfaces & Borders
Slack White
background
Slack Surface
surface
Slack Border
border
Typography
Slack Text
textPrimary
Slack Secondary
textSecondary
Slack Muted
textMuted
Semantic Colors
Slack Success
success
Slack Yellow
warning
Slack Red
error
Slack Info
info
Accessibility
textPrimary / background
textPrimary / surface
textSecondary / background
textSecondary / surface
textMuted / background
textMuted / surface
Color Theory
Slack's unusual choice of aubergine (dark purple) as a primary color sets it apart from the sea of blue enterprise tools. The four accent colors (blue, green, yellow, red) from the hashtag logo add warmth and personality.
- Aubergine (#4A154B) provides a distinctive dark anchor that no competitor uses
- Four logo colors (blue, green, yellow, red) are equally saturated and balanced
- The warm-cool interplay between aubergine and the bright accents creates energy
Color Psychology
Aubergine communicates sophistication and creativity, positioning Slack as more than basic enterprise software. The four bright colors suggest communication, connection, and the mixing of ideas — perfect for a messaging platform.
Evolution
Slack simplified from a rainbow/plaid logo to the current four-color mark in 2019. The aubergine has been refined from a brighter purple to the current deeper, more professional shade. The marketing has become cleaner while maintaining the playful spirit.
How Slack Uses Color
Primary
Aubergine (#4A154B) defines the sidebar, dark sections, and primary brand presence — it's the most recognizable element of Slack's interface.
Secondary
Slack Blue (#36C5F0) highlights active states, links, and notification badges.
Accent
Slack Green (#2EB67D) signals online status, success confirmations, and positive actions.
Backgrounds
White backgrounds with light gray surfaces keep the workspace clean and content-focused.
Typography
Near-black text (#1D1C1D) with warm gray secondaries maintain readability across themes.
Semantic
The four logo colors naturally map to semantic roles: blue for info, green for success, yellow for warnings, and red (pink) for errors and important notifications.
Agent integration
Use Slack's Colors in Your Agent
Terminal
Copies full install command. Saves skill to .claude/skills/slack/ — auto-detected on next run.
Included in the skill file
- 113 color roles — hex, HSL, and CSS variable names
- 2WCAG contrast rules for accessible pairings
- 3Auto-applies Slack's palette when generating UI
Frequently Asked Questions
Create Something Inspired by Slack
Generate a unique color palette inspired by Slack's aesthetic using AI.