Slack

Slack's brand palette, anchored on the signature Slack Aubergine (#4A154B) and the four quadrant colors of the octothorpe mark introduced in the 2019 Pentagram-led rebrand: green, blue, yellow, and a hot pink-red. Aubergine reads as the institutional voice; the four quadrant colors carry the playful, conversational accent layer.

12 swatches 14 light roles 14 dark roles saasproductivityslackauberginemulti-accent

Swatches

aubergine
#4A154B
Signature deep-purple corporate color. The institutional voice of the brand — used for the wordmark on light backgrounds, primary typographic blocks, and the brand's identity surfaces.
slack-green
#2EB67D
Top-right quadrant of the Slack mark. Success / positive accent.
slack-blue
#36C5F0
Bottom-right quadrant of the Slack mark. Cool informational accent.
slack-yellow
#ECB22E
Bottom-left quadrant of the Slack mark. Warm attention / warning accent.
slack-red
#E01E5A
Top-left quadrant of the Slack mark. Hot pink-red used for errors and emphasis.
slack-white
#FFFFFF
Page background on light surfaces; reversed wordmark fill on aubergine.
slack-black
#1D1C1D
Near-black body text on light backgrounds; canvas on dark surfaces.
slack-surface-light
#F4F4F4
Subtle panel surface on light mode.
slack-surface-dark
#2C2D30
Elevated surface on dark mode (sidebar / channels surface).
slack-text-secondary
#616061
Secondary text on light backgrounds.
slack-text-tertiary
#868686
Tertiary / muted text.
slack-text-on-dark-secondary
#ABABAD
Secondary text on dark backgrounds.

Mode role mappings

Light mode (14 roles)

accent → slack-green
accent-hover → slack-green
background → slack-white
error → slack-red
primary → aubergine
primary-hover → aubergine
success → slack-green
surface → slack-surface-light
surface-elevated → slack-white
text-primary → slack-black
text-secondary → slack-text-secondary
text-tertiary → slack-text-tertiary
warning → slack-yellow
warning-hover → slack-yellow

Dark mode (14 roles)

accent → slack-green
accent-hover → slack-green
background → aubergine
error → slack-red
primary → slack-blue
primary-hover → slack-blue
success → slack-green
surface → slack-surface-dark
surface-elevated → slack-black
text-primary → slack-white
text-secondary → slack-text-on-dark-secondary
text-tertiary → slack-text-tertiary
warning → slack-yellow
warning-hover → slack-yellow

Provenance

Source
https://slack.com/media-kit
License
Proprietary — All Rights Reserved
Attribution
Slack and the Slack mark are trademarks of Slack Technologies, LLC, a Salesforce company. All brand colors and trade dress are the property of Slack Technologies. Aubergine and the four quadrant colors are documented as the core palette of the 2019 rebrand; Aubergine is described by Pentagram as the color that makes Slack "instantly recognizable against the white of other desktop windows."
Imported
2026-05-17
Notes
Hex values for Aubergine and the four quadrant colors are cross-referenced across Slack's marketing surfaces and the Pentagram case study. brand-atoms reads these values as the documented public palette; the canonical brand-use program at slack.com/media-kit governs licensed applications.