Slack Color Palette

Select any value to copy it.

• Aubergine

  Primary

  #4A154Brgb(74, 21, 75)hsl(299, 56%, 19%)

  Closest in ArchiveFuchsia Nocturne Clear
  Closest in Archive: Fuchsia Nocturne Clear

• Slack Yellow

  Accent

  #ECB22Ergb(236, 178, 46)hsl(42, 83%, 55%)

  Closest in ArchiveApricot Tone Bright
  Closest in Archive: Apricot Tone Bright

• Slack Blue

  Accent

  #36C5F0rgb(54, 197, 240)hsl(194, 86%, 58%)

  Closest in ArchiveCerulean Core Pure
  Closest in Archive: Cerulean Core Pure

• Slack Green

  Accent

  #2EB67Drgb(46, 182, 125)hsl(155, 60%, 45%)

  Closest in ArchiveTeal Velvet Vivid
  Closest in Archive: Teal Velvet Vivid

• Slack Red

  Accent

  #E01E5Argb(224, 30, 90)hsl(341, 76%, 50%)

  Closest in ArchiveGarnet Core Bright
  Closest in Archive: Garnet Core Bright

Can it carry text? (WCAG contrast)

Each color as text on white and on black. AA means body text passes. Select a ratio to open the pair in the contrast checker.

• AubergineAaon white14.00:1AAAubergine: Open in contrast checkerAaon black1.50:1Not for textAubergine: Open in contrast checker
• Slack YellowAaon white1.91:1Not for textSlack Yellow: Open in contrast checkerAaon black10.97:1AASlack Yellow: Open in contrast checker
• Slack BlueAaon white2.02:1Not for textSlack Blue: Open in contrast checkerAaon black10.40:1AASlack Blue: Open in contrast checker
• Slack GreenAaon white2.59:1Not for textSlack Green: Open in contrast checkerAaon black8.10:1AASlack Green: Open in contrast checker
• Slack RedAaon white4.66:1AASlack Red: Open in contrast checkerAaon black4.50:1AASlack Red: Open in contrast checker

About this palette

Slack's iconic hashtag-derived logo distills four hues — aubergine purple, sky blue, sage green, peach — anchored on a deep aubergine. The system rejects monoculture: each color expresses a different facet of work conversation (focus, openness, growth, energy).

Copy as code

Every token name carries the brand, so two brands can share one stylesheet.

:root {
  --slack-aubergine: #4a154b;
  --slack-yellow: #ecb22e;
  --slack-blue: #36c5f0;
  --slack-green: #2eb67d;
  --slack-red: #e01e5a;
}

@theme {
  --color-slack-aubergine: #4a154b;
  --color-slack-yellow: #ecb22e;
  --color-slack-blue: #36c5f0;
  --color-slack-green: #2eb67d;
  --color-slack-red: #e01e5a;
}

module.exports = {
  theme: {
    extend: {
      colors: {
        "slack-aubergine": "#4a154b",
        "slack-yellow": "#ecb22e",
        "slack-blue": "#36c5f0",
        "slack-green": "#2eb67d",
        "slack-red": "#e01e5a",
      },
    },
  },
};

Source: https://slack.com/media-kit · As of 2026-05-02 · This page is an unofficial reference. Color values are factual sRGB hex codes and not subject to copyright; the Slack name and any associated marks belong to their owner. Request removal via support.

More from SaaS & Productivity