lightfriendlycommunicationpurple
Slack Colors & Fonts
What colors and fonts does Slack use? Team communication platform. Purple brand, friendly, chat-focused.
Slack Color Palette
Primary: #4A154B
Primary
#4A154BBrand, header
Background
#FFFFFFMain background
Surface
#F8F8F8Sidebar, cards
Border
#DDDDDDDividers
Text Primary
#1D1C1DMessages
Text Secondary
#616061Timestamps
Green
#2BAC76Online status
Blue
#1264A3Links
What Font Does Slack Use?
Slack uses Slack-Larsseit and Slack-Larsseit
Headings
Slack-Larsseit
700custom
Body Text
Slack-Larsseit
400custom
Code
Monaco
400system
Spacing & Radius
Spacing Scale
Base: 4px
48121620243248
Border Radius
Small
4pxMedium
8pxLarge
12pxSlack Tailwind Config
Copy this config to your project
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'primary': '#4A154B',
'background': '#FFFFFF',
'surface': '#F8F8F8',
'border': '#DDDDDD',
'text-primary': '#1D1C1D',
'text-secondary': '#616061',
'green': '#2BAC76',
'blue': '#1264A3',
},
fontFamily: {
'heading': ['Slack-Larsseit', 'sans-serif'],
'body': ['Slack-Larsseit', 'sans-serif'],
'mono': ['Monaco', 'sans-serif'],
},
},
},
}Extract Slack's Full Design
Get pixel-perfect colors, fonts, and spacing extracted directly from the live site. Ready for Tailwind and Cursor AI.
Get PromptUI — $19One-time payment · 20 extractions · No subscription
Similar Design Systems
Explore more design systems
Updated: 2025-01-15