Back to Blog
July 15, 20267 min

How to Change WhatsApp Web Colors (Complete Guide 2026)

WhatsApp Web has been the same shade of green since 2015. Not a customisable green — the green. There's no colour setting, no accent picker, no "choose your palette" screen. You get what Meta chose a decade ago, and that's the end of it.

Except it isn't. You can change every colour on WhatsApp Web — the green, the background, the chat bubbles, the sidebar, the text — in about two minutes, for free, without touching any code.

Here's the complete guide.

First: What WhatsApp Lets You Change (Almost Nothing)

Let's be clear about the starting point, because a lot of guides waste your time here.

WhatsApp Web has exactly one appearance setting: light or dark mode. That's it. Settings → Theme → Light / Dark / System. No colours, no accents, no palettes.

Dark mode swaps the greens for a darker green and the whites for grays. If you were hoping for a blue WhatsApp, or a purple one, or one that matches your desktop — WhatsApp doesn't offer it and shows no sign of ever offering it.

There is no hidden menu. You're not missing it.

The Fix: A Free Extension

Because WhatsApp Web is a webpage, a browser extension can restyle it. That's the whole mechanism.

WhatsApp Web Customizer — free, open source, about 30 seconds to install — exposes every colour on WhatsApp Web as something you can set.

  1. Install it from the Chrome Web Store
  2. Open web.whatsapp.com and click the extension icon
  3. Go to the Themes tab → Create
  4. Start setting colours

The change is live as you go — you'll see WhatsApp Web recolour in real time as you pick.

Getting Rid of the Green (The Reason Most People Are Here)

Let's address the actual request. Most people searching for this want one thing: the green gone.

The green appears in more places than you'd guess, which is why half-measures look wrong. To remove it properly, change these:

  • Accent colour — the biggest one. This is the green on active states, unread badges, links, and the send button. Set it to whatever you want the app to feel like: a blue, a purple, a warm orange.
  • Sent message bubbles — WhatsApp's signature light green (#D9FDD3 in light mode, #005C4B in dark). Change this and half the greenness disappears immediately.
  • Header / top bar — the darker green strip.
  • Unread badges — small, but they're bright and your eye goes straight to them.

Miss the bubbles and you'll have a non-green interface full of green messages. Miss the accent and every notification badge stays green. Change all four and the green is genuinely gone.

A fast neutral swap, if you just want green out and don't want to think:

  • Accent: #3390EC (a clean blue)
  • Sent bubbles: #E8F0FC (light) or #1C3A5E (dark)
  • Everything else: leave as is

Ninety seconds, no green.

The Full Colour Map

If you want to build a proper palette rather than just kill the green, here's what each setting actually controls. This is the part no other guide covers, and it's what stops people getting a muddled result.

Background — the area behind your messages. The largest surface on screen, so it sets the overall mood more than anything else.

Sidebar — your chat list panel. Tip: making this slightly different from the background is what makes an interface look designed rather than flat. Every well-made app does this — a couple of shades apart is enough.

Sent bubbles — your messages.

Received bubbles — their messages. Usually close to the background with just enough separation to read as distinct.

Accent — active chat, links, unread indicators, buttons. Use it sparingly. One colour, appearing rarely, reads as confident. The same colour everywhere reads as a mess.

Text — avoid pure black on white or pure white on black. Near-black (#1A1A1A) and off-white (#E6E6E6) are easier on the eyes over a long day, which is why almost every serious app uses them.

Muted text — timestamps and secondary labels. A clear step between primary and muted text is doing quiet work: it's a big part of why some interfaces feel calm and others feel shouty.

Three Rules That Keep It From Looking Wrong

Most bad custom themes break one of these.

1. Pick one colour to be loud. One accent, used rarely. If three colours are competing, none of them wins and the whole thing feels chaotic.

2. Keep text contrast. A gorgeous palette you can't read is a failed palette. If you're squinting at your own theme after ten minutes, the contrast is too low — no amount of taste fixes that.

3. Layer your surfaces. Sidebar and background should differ slightly. Flat interfaces where everything is the same colour look unfinished, and it's the single most common mistake.

Don't Want to Pick Colours Yourself?

Fair enough — most people don't want to be a designer, they just want it to look good.

Every theme we've published comes as a downloadable file you import in about ten seconds:

Import one, then tweak it. Starting from something that works and adjusting is far easier than starting from a blank palette — and everything stays editable once imported.

Copying a Look You Already Like

If you have a colour scheme you love elsewhere, use its values directly. The extension takes any hex, so you can match your setup exactly:

  • Your code editor — Dracula, Nord, Solarized, Tokyo Night. Pull the hexes from its theme file.
  • Your brand colours — accent = your primary, background = your neutral.
  • Another app you like — we've written recipes for iMessage, Telegram, Discord, Notion, and more.

Keeping It

Your colours save automatically and survive reloads, tab closes, and browser restarts. Nothing to re-do.

You can also export your palette as a JSON file — useful for backing it up, moving it to another computer, or sending it to someone who liked your setup. See how to share WhatsApp Web themes.

The Bottom Line

WhatsApp Web gives you light mode and dark mode. That's all it will ever give you.

A free extension gives you every colour: accent, background, sidebar, both bubble colours, text, muted text. If you only want the green gone, change the accent and the sent bubbles and you're done in ninety seconds. If you want a proper palette, follow the three rules — one loud colour, real text contrast, layered surfaces — and it'll look deliberate rather than random.

👉 Install WhatsApp Web Customizer — free, open source, no account.

For more:

Customize WhatsApp Web while you're at it.

Free Chrome extension. No account. No data collected.