Every theme gallery has the same problem: the palette you like is almost right. The background is perfect but the mention badge vanishes, or the accent is your brand color but the text takes a squint. Custom Slack themes fix that, because a Slack theme is nothing more than eight hex codes in a row, and once you know which code moves which pixel you can build exactly the sidebar you want in about fifteen minutes.
This is the do-it-yourself guide: what each value controls, a five-step method, how to turn a company palette into a theme, twelve new copy-paste strings, how to hand the result to your workspace, and the mistakes that make people quietly revert. If you'd rather pick from a shelf, our gallery of the best Slack themes and the hue-by-hue Slack theme colors guide have you covered.
What Each Value in a Custom Slack Theme Controls
A theme string is eight six-digit hex colors, comma-separated, no spaces, no trailing comma. Slack reads them strictly in order, and each has a single job:
| # | Field | What it paints | Design rule |
|---|---|---|---|
| 1 | Column background | The sidebar itself | Sets the mood; pick it first |
| 2 | Hover menu background | Workspace menu and dropdowns | One step darker or lighter than #1 |
| 3 | Active item | Highlight bar on the channel you're in | Must contrast hard with #1 |
| 4 | Active item text | Channel name inside that bar | Must contrast hard with #3 |
| 5 | Hover item | Tint when you mouse over a channel | Subtle; between #1 and #2 |
| 6 | Text color | Every channel and DM name | The readability lever |
| 7 | Active presence | The "online" dot | Any hue not close to #1 |
| 8 | Mention badge | The unread/mention pill | Loudest color in the string |
The eight fields are really three groups: fields 1, 2 and 5 are a family of near-identical shades; fields 3 and 4, and fields 1 and 6, are contrast pairs; fields 7 and 8 are loners that should look like nothing else in the string. Hold that in your head and theme design stops being guesswork.
How to Build Custom Slack Themes in Five Steps
Step 1: Pick a base, never a blank
Start from a string close to what you want and edit one field at a time; Slack previews every change live. Decide dark or light first. Dark sidebars want a background two shades darker than feels natural, because the message pane beside it washes out a mid-gray. Light sidebars want a little warmth mixed in, since pure #FFFFFF turns clinical fast.
Step 2: Choose the accent
Field 3, the active item, is the color your eyes hunt for all day. Put the one hue you'd put on a logo here, at full saturation. Then pick field 4: white text on a dark or saturated accent, near-black text on a pastel or yellow one. If you can't tell which, the accent is a mid-tone and will fight both; push it darker or lighter.
Step 3: Check contrast where it matters
Paste the pairs into any free contrast checker. Text on background (6 on 1) should hit the usual accessibility target of around 4.5:1; channel names are small and you read hundreds of them. Active text on active item (4 on 3) can run a touch lower but must stay obvious. Then make sure the mention badge (8) is nothing like the active item (3), or mentions disappear into the channel you're in.
Step 4: Test in light and dark mode
Custom themes color the sidebar only. The message pane follows the Light/Dark/System setting on the same preferences page, so flip it both ways and look at the seam: a dark string beside a white pane looks half-finished. If your OS switches appearance on a schedule, choose Light or Dark explicitly rather than Sync with system. The mechanics are in how to change your Slack theme.
Step 5: Save the string, then share it
Themes are per workspace and per person, and a fresh install may come up stock. Paste the finished string into a DM to yourself, then share it using the trick below.
Turning a Brand Palette Into a Theme
Most companies have a primary, an accent, and a neutral. The mistake is pasting the primary into field 1: a logo color at full strength makes a punishing sidebar, because brands are designed to be seen for a second, not eight hours. The recipe:
- Background (1): your primary, desaturated and pulled two or three steps toward black (dark theme) or white (light theme).
- Hover menu (2) and hover item (5): the same hue, one step the other way.
- Active item (3): your accent at full strength. This is where the brand actually lives.
- Active text (4) and text (6): white or your lightest neutral on dark backgrounds; your darkest neutral on light ones.
- Presence (7): a green, or your secondary color if it isn't close to the background.
- Mention badge (8): your accent again if it's warm, otherwise a warm color that isn't in the brand at all. Function beats fidelity here.
That's exactly how our own Confetti Pop theme came to be: teal pulled darker for the background, hot pink as the active item and badge. The same move turns a navy-and-orange brand into Rust Belt below. If you'd rather port an editor palette, there are nine ready-made ports in Slack themes for developers.
12 New Custom Slack Themes to Start From
None of these appear in our other theme posts, and each demonstrates a recipe from this guide, so steal the structure even if you change every color.
Slate & Saffron
#1F2933,#323F4B,#F0B429,#1F2933,#3E4C59,#E4E7EB,#3EBD93,#EF4E4E
Cool slate with a saffron active bar and dark text inside it: the textbook pastel-accent case.
Harbor Fog
#EEF2F5,#E1E7EC,#0F6E8C,#FFFFFF,#D6DEE5,#1F3B4D,#2FB380,#E0479E
Cool light gray, deep navy text, teal active item. A light theme that still reads on a bright monitor.
Espresso
#2B1F1A,#3A2A23,#C8763A,#FFFFFF,#46332B,#EFE3D6,#9CCB86,#F26D5B
Warm dark brown, cream text, copper active bar. Dark without being blue; easy on the eyes at 6pm.
Mulberry Gold
#2F1B2E,#3F2640,#E3B341,#2F1B2E,#4B2F4C,#EFE0EC,#7ED3B2,#FF6B8A
Deep plum with a gold active item and dark text. Gold-on-plum looks expensive and almost nobody tries it.
Glacier
#EAF4FB,#D7E8F4,#1E6FB3,#FFFFFF,#C9DEEE,#1B3A52,#2E9E6B,#E05287
Icy pale blue with a strong blue active bar. The lightest theme here that still passes text contrast.
Olive Grove
#232A1E,#2F3827,#A3B86C,#1A2016,#3A4531,#DDE3CF,#8BD6A4,#F4A259
Dark olive, sage active item, apricot badge. An olive-and-cream brand run through the recipe above.
Rust Belt
#1C2228,#28313A,#C2552D,#FFFFFF,#323D47,#D5DBE0,#5FB49C,#F2C14E
Steel gray-blue, rust active bar, mustard badge. A navy-and-orange brand, desaturated.
Cotton Candy
#F7EEF9,#EFDFF3,#8E44AD,#FFFFFF,#E6D2EC,#4A2B57,#2FB380,#FF5FA2
Pale lavender-pink with violet text and a purple active item. Sweet, but readable all day.
Deep Sea Brass
#0F2A35,#15394A,#D4A24C,#0F2A35,#1C4758,#D5E6EC,#8BD6D4,#FF6B6B
Teal-navy depths with a brass active item. Warm accent on cool background is the easiest way to make it pop.
Sandstone
#F3EBDD,#E9DDC9,#B5533C,#FFFFFF,#E2D3BB,#4B3A2F,#3E8E5B,#D63B6F
Warm tan, terracotta active bar, brown-gray text. For people who find white glaring and black gloomy.
Navy Mono
#1B2A41,#24375A,#5B8DEF,#FFFFFF,#2E4470,#C8D4EA,#7BD389,#FF7A59
One blue in four tints, plus a green dot and coral badge. A single hue, stepped carefully, is a complete theme.
Lagoon
#0E7C7B,#0B6665,#FFFFFF,#0E7C7B,#0A5756,#E0F5F4,#B5F2A3,#FFB347
Saturated mid-tone teal with a white active item and teal text inside it, the inverted recipe. Loud enough to tell a side project from work at a glance.
How to Share a Custom Theme With the Whole Workspace
Paste a valid theme string into a channel or DM and, at the time of writing, Slack recognizes the format and attaches a "Switch sidebar theme" button under the message. One click applies it; clicking a different string is the undo.
Admins can't enforce a theme, and shouldn't. What spreads one is a small ritual: pin the string in #general, or start a #themes channel where people post what they're running and steal the good ones. Pair it with Slack sidebar sections and a new workspace looks like it belongs to somebody.
Common Mistakes With Custom Slack Themes
- Shorthand or alpha hex. Slack only accepts six-digit hex with a leading
#;#FFFis ignored, and one bad field can silently invalidate the whole string. - A stray character. A space after a comma, a trailing comma, the period from the end of a sentence. The symptom-by-symptom list is in Slack theme not working.
- Brand color as background. Desaturate and darken it; put the brand in field 3.
- Badge matches accent. Fields 3 and 8 in the same hue means mentions stop interrupting you.
- Mid-tone text. Gray on gray looks tasteful in the preview and unreadable at 4pm.
- Expecting it on your phone, or in the message pane. Mobile apps ignore custom strings, and themes paint the sidebar only. What a theme can and can't touch, including third-party skins, is in our Slack skins explainer.
Common Questions About Custom Slack Themes
Can I use RGB values or color names?
No. Only six-digit hex codes with the leading # are read; convert first.
Can coworkers see my theme?
No. Themes are personal and per workspace. Nobody sees your palette unless you post the string and they click the button.
Do I need all eight values?
Yes. Seven or nine values is treated as malformed. To change one thing, copy an existing string and edit that field.
Is there a way to set one theme for all my workspaces?
Not today. You paste per workspace, which is also the feature: give each one a different color and you'll never post into the wrong #general again.
The Short Version
Eight hex codes, two contrast pairs, two loners. Pick the background first, put your brand in the active item, make the badge louder than everything, check text contrast, test in the mode you'll use, then post the string so the team can switch with one click. The twelve strings above are starting points; the recipe is the real deliverable.
And since the sidebar is about to look like yours: what makes a workspace feel good to be in is what shows up inside it. Propsly (yes, it's ours) adds peer recognition to Slack. Anyone types /props +10 @sam for the theme string we all stole #teamwork, every give lands in a feed channel, and it's free for unlimited users with 200 props per person each month. A custom theme makes Slack pleasant to look at; a feed lighting up inside it is the part people remember.