Software & SaaS
Slack Color Codes
Slack's colors are aubergine #4A154B, blue #36C5F0, green #2EB67D, yellow #ECB22E and red #E01E5A. The Slack color codes in Hex, RGB and CMYK can be found below. Stewart Butterfield built it as an internal tool at Tiny Speck while the studio was making an online game called Glitch, and when the game stopped paying in October 2012 the chat tool became the company. Salesforce bought it for $27.7 billion in a deal that closed in July 2021.
Primary colors
What are Slack Primary Colors?
Slack's primary color is aubergine #4A154B, with four brighter colors carrying the hash mark.
Slack publishes this palette in its own media kit, so the hex codes here are published rather than sampled.
Slack Aubergine
| Hex | #4A154B |
|---|---|
| RGB | 74, 21, 75 |
| HSL | hsl(299, 56%, 19%) |
| CMYK | 1%, 72%, 0%, 71%converted · approximate |
| Pantone | PMS 525 Cnearest match · not published by the brand |
Slack Blue
| Hex | #36C5F0 |
|---|---|
| RGB | 54, 197, 240 |
| HSL | hsl(194, 86%, 58%) |
| CMYK | 78%, 18%, 0%, 6%converted · approximate |
| Pantone | PMS 306 Cnearest match · not published by the brand |
Slack Green
| Hex | #2EB67D |
|---|---|
| RGB | 46, 182, 125 |
| HSL | hsl(155, 60%, 45%) |
| CMYK | 75%, 0%, 31%, 29%converted · approximate |
| Pantone | PMS 3405 Cnearest match · not published by the brand |
Slack Yellow
| Hex | #ECB22E |
|---|---|
| RGB | 236, 178, 46 |
| HSL | hsl(42, 83%, 55%) |
| CMYK | 0%, 25%, 81%, 7%converted · approximate |
| Pantone | PMS 143 Cnearest match · not published by the brand |
Slack Red
| Hex | #E01E5A |
|---|---|
| RGB | 224, 30, 90 |
| HSL | hsl(341, 76%, 50%) |
| CMYK | 0%, 87%, 60%, 12%converted · approximate |
| Pantone | PMS 206 Cnearest match · not published by the brand |
Slack Hex Color Codes
Slack hex color codes are #4A154B for aubergine, #36C5F0 for blue, #2EB67D for green, #ECB22E for yellow and #E01E5A for red.
| Color | Hex |
|---|---|
| Aubergine | #4A154B |
| Blue | #36C5F0 |
| Green | #2EB67D |
| Yellow | #ECB22E |
| Red | #E01E5A |
Slack RGB Color Codes
Slack RGB color codes are 74, 21, 75 for aubergine, 54, 197, 240 for blue, 46, 182, 125 for green, 236, 178, 46 for yellow and 224, 30, 90 for red. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Aubergine | rgb(74, 21, 75) |
| Blue | rgb(54, 197, 240) |
| Green | rgb(46, 182, 125) |
| Yellow | rgb(236, 178, 46) |
| Red | rgb(224, 30, 90) |
Slack HSL Color Codes
Slack HSL color codes are 299, 56%, 19% for aubergine, 194, 86%, 58% for blue, 155, 60%, 45% for green, 42, 83%, 55% for yellow and 341, 76%, 50% for red. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Aubergine | hsl(299, 56%, 19%) |
| Blue | hsl(194, 86%, 58%) |
| Green | hsl(155, 60%, 45%) |
| Yellow | hsl(42, 83%, 55%) |
| Red | hsl(341, 76%, 50%) |
Slack CMYK Color Code
Slack CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Aubergine | 1%, 72%, 0%, 71% |
| Blue | 78%, 18%, 0%, 6% |
| Green | 75%, 0%, 31%, 29% |
| Yellow | 0%, 25%, 81%, 7% |
| Red | 0%, 87%, 60%, 12% |
Slack Pantone Color Codes
Slack Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Aubergine | PMS 525 C |
| Blue | PMS 306 C |
| Green | PMS 3405 C |
| Yellow | PMS 143 C |
| Red | PMS 206 C |
Logo
Slack Logo Colors
Slack logo colors are four in the mark and aubergine on the wordmark.
Slack Logo Colors Palette
What the Slack Logo Colors Mean?
The Slack logo colors describe a channel. The mark is a hash, the character that names every channel in the product, drawn as four pairs of rounded lozenges that pinwheel around a gap in the middle. Four colors keep the pairs readable as separate strokes rather than a solid block. Aubergine is the one that carries the wordmark and the app chrome, and it is dark enough to sit under white text at any size, which the four brighter values are not.
Slack Logo Color History
Slack logo color history has one hard break, in 2019. The original mark was a hash built from eleven colors, and it fell apart when it was rotated or reproduced small, so the redraw cut it to four colors and made the shape symmetrical. Aubergine survived the change untouched. The name is a backronym the company applied afterward: Searchable Log of All Conversation and Knowledge.
Slack Logo JPG
Slack logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Slack Logo PNG
Slack logo in PNG, with a transparent background. Use it over a colored surface.
Slack Logo WebP
Slack logo in WebP. Same transparency as the PNG at about a third of the file size.
Slack Color Code Shades
Slack color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Slack paint or trim names.
In code
Using the Slack palette
CSS custom properties
:root {
--slack-aubergine: #4A154B;
--slack-blue: #36C5F0;
--slack-green: #2EB67D;
--slack-yellow: #ECB22E;
--slack-red: #E01E5A;
}Contrast against white
| Aubergine | 14.00:1AA ✓ |
|---|---|
| Blue | 2.02:1AA × |
| Green | 2.59:1AA × |
| Yellow | 1.91:1AA × |
| Red | 4.66:1AA ✓ |
Brand colors are chosen for recognition, not for legibility. A failing value here is normal. It means use it as a fill, not as text.