ProductivityFounded 2009
Slack Brand Colors
Slack's multi-color identity reflects diversity and collaboration, with four colors representing different teams.
slack.com ↗Brand Palette
#4A154B
#2EB67D
#E01E5A
#ECB22E
#36C5F0
Primary
Secondary
Accent
Accent
Accent
Color Values
Slack Aubergine
Primary
- HEX
- #4A154B
- RGB
- rgb(74, 21, 75)
- HSL
- hsl(299, 56%, 19%)
Slack Green
Secondary
- HEX
- #2EB67D
- RGB
- rgb(46, 182, 125)
- HSL
- hsl(155, 60%, 45%)
Slack Red
Accent
- HEX
- #E01E5A
- RGB
- rgb(224, 30, 90)
- HSL
- hsl(341, 76%, 50%)
Slack Yellow
Accent
- HEX
- #ECB22E
- RGB
- rgb(236, 178, 46)
- HSL
- hsl(42, 83%, 55%)
Slack Blue
Accent
- HEX
- #36C5F0
- RGB
- rgb(54, 197, 240)
- HSL
- hsl(194, 86%, 58%)
Accessibility Analysis
| Color | on White | on Black |
|---|---|---|
Slack Aubergine | 14:1AAA | 1.5:1Fail |
Slack Green | 2.59:1Fail | 8.1:1AAA |
Slack Red | 4.66:1AA | 4.5:1AA |
Slack Yellow | 1.91:1Fail | 10.97:1AAA |
Slack Blue | 2.02:1Fail | 10.4:1AAA |
WCAG AA requires 4.5:1 for normal text. AA Large requires 3:1 for large text (18pt+) and UI components. AAA requires 7:1.
CSS Implementation
:root {
--slack-slack-aubergine: #4A154B;
--slack-slack-green: #2EB67D;
--slack-slack-red: #E01E5A;
--slack-slack-yellow: #ECB22E;
--slack-slack-blue: #36C5F0;
}
/* Usage example */
.btn-primary {
background-color: var(--slack-slack-aubergine);
color: #ffffff;
}Similar Color Alternatives
Named colors visually closest to Slack's primary color — useful for approximations or accessible substitutes.
Design Notes
Color Psychology
Slack uses a dark palette anchored by Slack Aubergine (#4A154B). Productivity tools balance calm, focused neutrals with one energetic accent — keeping distraction low while maintaining visual identity.
Design Principles
- High contrast ratios ensure legibility across all contexts
- Multi-color system allows segmentation across products and sub-brands
- Cool-toned palette builds credibility and professional trust
- Primary color meets WCAG AA — usable for text and UI components
Explore Individual Colors
Tags
productivitycollaborationmulticolorsaas
More Productivity Brand Colors
Frequently Asked Questions
What are Slack's official brand colors?
Slack's official brand colors are: Slack Aubergine (#4A154B), Slack Green (#2EB67D), Slack Red (#E01E5A), Slack Yellow (#ECB22E), Slack Blue (#36C5F0).
What is Slack's primary color hex code?
Slack's primary brand color is Slack Aubergine with hex code #4A154B.
What are the RGB values for Slack's primary color?
Slack Aubergine (#4A154B) has RGB values of rgb(74, 21, 75).
What is the HSL value of Slack's primary color?
Slack Aubergine has an HSL value of hsl(299, 56%, 19%).
Is Slack's primary color WCAG accessible?
Slack Aubergine (#4A154B) has a contrast ratio of 14:1 on white, which passes WCAG AAA.
What industry is Slack in?
Slack operates in the Productivity industry, founded in 2009.