This page is provided for educational and informational reference purposes only. Brand names, trademarks, and trade dress belong to their respective owners. Color values may evolve over time. Always refer to official brand guidelines for canonical asset specifications.
Slack is a leading channel-based messaging platform. Its 4-color octothorpe palette reflects team collaboration, diversity, and active communication.
Style Summary: Rich aubergine sidebar background paired with 4 bright accent colors (emerald, cyan, gold, rose).
blue-500blue-500blue-500blue-500Instantly see how Slack Theme behaves across real application layouts.
Leverage automated pipelines and real-time color tokens engineered for high-performing teams.
Export color tokens for Tailwind, CSS, SCSS, JSON, and Design Tokens.
// Slack Tailwind Config
module.exports = {
theme: {
extend: {
colors: {
'slack': {
'primary': '#4A154B',
'accent2': '#36C5F0',
'accent3': '#2EB67D',
'accent4': '#ECB22E',
}
}
}
}
};Slack's primary brand color is Slack Aubergine with HEX code #4A154B (rgb(74, 21, 75)).
The nearest Tailwind CSS color token for Slack's primary color is blue-500.
Clean indigo and azure tones paired with soft slate neutrals. Engineered for modern SaaS landing pages, analytics dashboards, and tech products.
Ultra-sleek dark mode palette inspired by Linear and Vercel interfaces. Features deep zinc charcoal backgrounds with vibrant cyan highlights.
Refreshing organic green palette bringing feelings of growth, sustainability, and financial prosperity to digital platforms.