What is slack.com's primary brand color?

slack.com's primary brand color is Purple, hex #652C6C.

What accent color does slack.com use?

slack.com pairs its primary with Olive Drab (#779846) as an accent.

How many colors are in the slack.com palette?

This palette lists 8 role-labeled colors — primary, accent, neutral, background, and text — each with copy-ready hex, RGB, and HSL values.

Can I use the slack.com color palette?

You can copy any hex code or export the whole palette to CSS variables, Tailwind, or design tokens. Brand colors may be trademarked, so use them for inspiration or compatibility — not to imitate a brand.

Gallery / Color palette

slack.com color palette

The brand palette extracted from slack.com — primary, accent, neutral, background, and text colors with copy-ready hex codes and one-click export to CSS, Tailwind, and design tokens. Last updated June 15, 2026.

Find brands

Primary

Purple

#652c6c

rgb(101, 44, 108)

hsl(293, 42%, 30%)

Find brands

Accent

Olive Drab

#779846

rgb(119, 152, 70)

hsl(84, 37%, 44%)

Find brands

Accent

Light Orchid

#d17dfe

rgb(209, 125, 254)

hsl(279, 98%, 74%)

Find brands

Accent

Steel Blue

#1264a3

rgb(18, 100, 163)

hsl(206, 80%, 35%)

Find brands

Accent

Midnight Blue

#2e0039

rgb(46, 0, 57)

hsl(288, 100%, 11%)

Find brands

Background

Deep Indigo

#49184e

rgb(73, 24, 78)

hsl(294, 53%, 20%)

Find brands

Text

Black

#000000

rgb(0, 0, 0)

hsl(0, 0%, 0%)

Find brands

Neutral

Snow

#fefcfe

rgb(254, 252, 254)

hsl(300, 50%, 99%)

CSS variables

:root {
  --color-primary: #652c6c;
  --color-accent-1: #779846;
  --color-accent-2: #d17dfe;
  --color-accent-3: #1264a3;
  --color-accent-4: #2e0039;
  --color-background: #49184e;
  --color-text: #000000;
  --color-neutral: #fefcfe;
}

Tailwind v4

@theme {
  --color-primary: #652c6c;
  --color-accent-1: #779846;
  --color-accent-2: #d17dfe;
  --color-accent-3: #1264a3;
  --color-accent-4: #2e0039;
  --color-background: #49184e;
  --color-text: #000000;
  --color-neutral: #fefcfe;
}

About the slack.com color palette

slack.com's brand palette is built around Purple (#652C6C) as its primary color, paired with Olive Drab (#779846) as an accent. Below are all 8 colors with copy-ready hex, RGB, and HSL values, plus one-click export to CSS variables, Tailwind, and design tokens.

Purple · Primary: — the dominant brand color — used for logos, primary buttons, and key moments.
Olive Drab · Accent: — a secondary highlight for links, callouts, and interactive states.
Snow · Neutral: — a supporting tone for borders, dividers, and muted UI surfaces.
Deep Indigo · Background: — the base surface the rest of the palette sits on.
Black · Text: — the primary readable foreground color.

Frequently asked questions

What is slack.com's primary brand color?: slack.com's primary brand color is Purple, hex #652C6C.
What accent color does slack.com use?: slack.com pairs its primary with Olive Drab (#779846) as an accent.
How many colors are in the slack.com palette?: This palette lists 8 role-labeled colors — primary, accent, neutral, background, and text — each with copy-ready hex, RGB, and HSL values.
Can I use the slack.com color palette?: You can copy any hex code or export the whole palette to CSS variables, Tailwind, or design tokens. Brand colors may be trademarked, so use them for inspiration or compatibility — not to imitate a brand.

How slack.com's colors have changed

Each time slack.comupdated its brand colors, we captured the new palette. Here's the history, most recent first.

June 2026Current
#9602c7
#779846
#d17dfe
#1264a3
#3d0157
#49184e
#000000
#fefcfe
January 2025
#ababf8
#0000ee
#ffffff
January 2024
#a2a3f8
#f17693
#0000ee
#ffffff