Color

Our palettes unite our brand and allow us to express our personality. So follow us to the end of the Slack rainbow.

Highlights

  • Accessibility is our priority, which is why we’ve picked out specific text and color pairings
  • Aubergine is the most Slack color of all, but we also love horchata (who doesn’t?)
  • Be mindful of the specificities of our secondary palette; namely please don’t use it for text

Core palette

Lead with aubergine for big brand moments and lean on horchata for warmth. Slack blue, green, yellow and red are great Slack go-to colors too, as they’re pulled from our logo mark. Black and white are our default text colors; follow how we’ve paired them with the colors below.
HEX 4A154B
RGB 74 21 75
CMYK 73 100 37 38
PMS 2623 C
HEX F4EDE4
RGB 244 237 228
CMYK 3 5 9 0
PMS7604 C at 80%
HEX 1D1C1D
RGB 29 28 29
CMYK 0 0 0 100
PMS Black
HEX FFFFFF
RGB 255 255 255
CMYK 0 0 0 0
HEX 36C5F0
RGB 54 197 240
CMYK 63 0 2 0
PMS 298 C
HEX 2EB67D
RGB 46 182 125
CMYK74 0 69 0
PMS 2250 C
HEX ECB22E
RGB 236 178 46
CMYK 7 31 95 0
PMS 7409 C
HEX E01E5A
RGB 224 30 90
CMYK6 99 51 0
PMS 214 C

Extended core palette

For tonal executions we use an extended core palette ranging from light to dark. Only use this palette if you need a tonal variation from the core palette. In most cases, you will only need the hues 1-2 steps closest to the core color you’re trying to pair.
Extended core palette

Contrast

When choosing color pairings, always start with a core brand color and select a color pairing that is 1-2 steps away from the original color. We want to achieve enough contrast to include our shapes as subtle background visuals while not distracting from the main focus.
Color pairings 1-2 steps apart
Color pairings 2+ steps apart

Additional colors

While more colors can be added to a composition to create a stronger tie to our logo and brand colors, please avoid adding so many additional colors that the composition becomes distracting and too playful.
Fewer additional colors
Too many colors in use in addition to tonal execution

Secondary palette

We give our core palette more dimension with a set of vibrant, sophisticated colors heavily featured in our photography and illustration. Be kind to all eyes: Do not use these colors for text, and pair them only with white or black text as outlined below.
HEX 1E328F
RGB 30 50 143
CMYK 100 94 9 1
PMS 661 C
HEX 0E9DD3
RGB 14 157 211
CMYK 76 22 3 0
PMS 7689 C
HEX 2392A2
RGB 35 146 162
CMYK 80 26 33 1
PMS 2221 C
HEX 78D7DD
RGB 120 215 221
CMYK 48 0 16 0
PMS 2225 C
HEX 185F34
RGB 24 95 52
CMYK 87 37 95 32
PMS 3425 C
HEX 729C1A
RGB114 156 26
CMYK 62 20 100 3
PMS 576 C
HEX FFD57E
RGB 255 213 126
CMYK 0 16 59 0
PMS 7403 C
HEX FED4BE
RGB 254 212 190
CMYK 0 19 22 0
PMS 489 C
HEX F2606A
RGB 242 96 106
CMYK 0 78 48 0
PMS 709 C
HEX FFB6BD
RGB 225 182 189
CMYK 0 36 13 0
PMS 495 C
HEX 921D21
RGB 146 29 33
CMYK 27 99 95 27
PMS 7623 C
HEX DE8969
RGB 222 137 105
CMYK 10 54 61 0
PMS 2439 C
HEX 7C2852
RGB 124 40 82
CMYK 45 94 43 25
PMS 7658 C
HEX C05B8C
RGB 192 91 140
CMYK 24 78 19 0
PMS 2060 C

Special use palettes

Our world of color expands and contracts for different Slack properties and executions. Default to the following guidelines for these use cases:

Usage

Explore how color comes to life and learn what to avoid.
Don’t use secondary colors for text
Don’t use overly muted color combinations
Don’t create gradients with our colors
Don’t choose low-contrast text and background color combinations