Aubergine sidebar
#4A154B — the most recognizable UI element in workplace software. Channel items: 28px height, 6px radius, bold when unread.
Made for people. Built for productivity.
Slack brings your team's communication and tools together in one place. Warm, human, and structured around the aubergine sidebar that's become a workplace icon.
Warm, professional, human.
Logo palette
Blue (#36C5F0), green (#2EB67D), yellow (#ECB22E), red (#E01E5A) — strictly semantic. Info, success, warning, danger. Never decorative.
Reactions
Pill border-radius 24px, 1px border, surface background. Active state: tinted blue. Timestamps show on hover only.
👍 3
🎉 1
❤️ 2
Inputs and buttons.
4px radius on buttons and inputs — not cartoonish. Focus ring: 2px solid #1264A3. Height 36px, font-size 15px.