WhatsApp Dark Mode Colors: #111B21
What is the WhatsApp dark mode hex code?
WhatsApp dark mode uses background #111B21, panels #202C33, bubbles #2A3942, text #E9EDEF, and WhatsApp green #25D366. Copy each hex below for messaging-app UI inspiration.
- Background: #111B21
- Green: #25D366
- Panel: #202C33
Copy WhatsApp dark mode hex codes—background #111B21, panels #202C33, and WhatsApp green #25D366—for chat and messaging UI tokens.
WhatsApp Dark Mode — Quick Copy
Backgrounds, green accent, and text tokens. Click Copy on any row.
What is the Hex Code for WhatsApp Dark Mode?
WhatsApp's dark background is #111B21—a deep blue-gray tuned for OLED screens. Chat headers and list rows use #202C33; the composer and received bubbles use #2A3942. Outgoing bubbles use #005C4B with brand green #25D366 on accents.
Compare with Instagram, Slack, and the full dark mode color palette guide.
Full WhatsApp Dark Mode Color Palette
Backgrounds, bubbles, green accent, and message text colors.
| Swatch | Token | Hex |
|---|---|---|
| Main background | #111B21 | |
| Header / panel | #202C33 | |
| Composer surface | #2A3942 | |
| Border / divider | #222D34 | |
| Text primary | #E9EDEF | |
| Text secondary | #8696A0 | |
| WhatsApp green | #25D366 | |
| Sent bubble | #005C4B | |
| Link blue | #53BDEB | |
| Check blue | #34B7F1 |
Why WhatsApp Dark Mode Works
WhatsApp keeps surfaces close in value so conversations stay the focus, uses green only for brand and sent-state cues, and reserves blue for links and read receipts. Messaging apps worldwide borrow this restrained palette because it scales across billions of daily messages.
FAQ
- What is the WhatsApp dark mode background color hex code?
- WhatsApp dark mode background is #111B21. Header and chat list panels use #202C33, message composer and received bubbles use #2A3942, and primary text is #E9EDEF.
- What is the WhatsApp green hex code?
- WhatsApp green is #25D366 (rgb(37, 211, 102)). Sent message bubbles use a darker #005C4B. The green appears on send buttons, online indicators, and brand accents.
- What are all the WhatsApp dark mode colors?
- WhatsApp dark uses #111B21 background, #202C33 panels, #2A3942 bubbles, #E9EDEF text, #8696A0 secondary text, #25D366 green, #005C4B sent bubbles, and #53BDEB links.