What is the Slack dark mode background color hex code?

Slack dark mode background is #1A1D21. Sidebar panels use #22252A, hover rows use #2C2D30, and primary text is #FFFFFF with secondary text at #D1D2D3.

What is the Slack blue hex code?

Slack blue for links and info accents is #1D9BD1 (rgb(29, 155, 209)). Success green is #007A5A and danger/mention red is #E01E5A.

What are all the Slack dark mode colors?

Slack dark uses #1A1D21 background, #22252A sidebar, #2C2D30 hover, #383A3F borders, #FFFFFF text, #D1D2D3 secondary text, #1D9BD1 blue, #007A5A green, and #E01E5A red.

Back to Blog

Slack Dark Mode Colors: #1A1D21

What is the Slack dark mode hex code?

Slack dark mode uses background #1A1D21, sidebar #22252A, hover #2C2D30, text #D1D2D3, and Slack blue #1D9BD1. Copy each hex below for chat-app UI inspiration.

Background: #1A1D21
Blue: #1D9BD1
Sidebar: #22252A

Copy Slack dark mode hex codes—background #1A1D21, sidebar #22252A, and Slack blue #1D9BD1—for team chat and workspace UI tokens.

Updated July 9, 2026•7 min read

Slack Dark Mode — Quick Copy

Backgrounds, blue accent, and text tokens. Click Copy on any row.

Main background

#1A1D21

Sidebar / panel

#22252A

Hover / active

#2C2D30

Border

#383A3F

Text primary

#FFFFFF

Slack blue

#1D9BD1

What is the Hex Code for Slack Dark Mode?

Slack's main dark background is #1A1D21—a neutral charcoal that keeps message content readable for long work sessions. The channel sidebar uses #22252A; hover and active rows use #2C2D30. Links and info accents use Slack blue #1D9BD1.

Compare with Discord, Notion, and the full dark mode color palette guide.

Full Slack Dark Mode Color Palette

Backgrounds, text, blue accent, and semantic status colors.

Token	Hex	Usage
Main background	#1A1D21	Workspace canvas and message area
Sidebar / secondary	#22252A	Channel list, left rail
Hover surface	#2C2D30	Row hover, menu items
Elevated surface	#383A3F	Modals, popovers, dividers
Text primary	#FFFFFF	Messages, channel names
Text secondary	#D1D2D3	Timestamps, metadata
Text muted	#9B9B9B	Placeholders, hints
Slack blue	#1D9BD1	Links, info, primary actions
Success green	#007A5A	Success states, confirmations
Danger red	#E01E5A	Errors, mentions, alerts
Legacy aubergine	#350D36	Classic Slack sidebar (older theme)

Why Slack Dark Mode Works

Slack layers near-neutral grays so channels and threads stay scannable, reserves blue for interactive elements, and uses green/red sparingly for semantic feedback. Team chat, dev tools, and internal dashboards borrow this hierarchy because users already understand it.

FAQ

What is the Slack dark mode background color hex code?: Slack dark mode background is #1A1D21. Sidebar panels use #22252A, hover rows use #2C2D30, and primary text is #FFFFFF with secondary text at #D1D2D3.
What is the Slack blue hex code?: Slack blue for links and info accents is #1D9BD1 (rgb(29, 155, 209)). Success green is #007A5A and danger/mention red is #E01E5A.
What are all the Slack dark mode colors?: Slack dark uses #1A1D21 background, #22252A sidebar, #2C2D30 hover, #383A3F borders, #FFFFFF text, #D1D2D3 secondary text, #1D9BD1 blue, #007A5A green, and #E01E5A red.