color
CSS property · 15 supported, 0 partial, 0 unsupported across 15 clients
The color property controls the foreground (text) color of an element and is one of the most universally supported CSS declarations across email clients. While support is broad, the way clients interact with color in dark mode varies significantly, and brand colors can be unexpectedly inverted, desaturated, or replaced.
Client Support
| Client | Category | Engine | Support |
|---|---|---|---|
| Gmail | webmail | Gmail Web | Supported |
| Gmail Android | mobile | Gmail Mobile | Supported |
| Gmail iOS | mobile | Gmail Mobile | Supported |
| Outlook 365 | webmail | Outlook Web | Supported |
| Outlook (New) | desktop | Outlook Web | Supported |
| Outlook Classic | desktop | Microsoft Word | Supported |
| Outlook iOS | mobile | Outlook Mobile | Supported |
| Outlook Android | mobile | Outlook Mobile | Supported |
| Apple Mail | desktop | WebKit | Supported |
| Apple Mail iOS | mobile | WebKit | Supported |
| Yahoo Mail | webmail | Yahoo | Supported |
| Samsung Mail | mobile | Samsung | Supported |
| Thunderbird | desktop | Gecko | Supported |
| HEY Mail | webmail | WebKit | Supported |
| Superhuman | desktop | Blink | Supported |
Client-by-client behaviour for color
Fully supports color (15): Gmail, Gmail Android, Gmail iOS, Outlook 365, Outlook (New), Outlook Classic, Outlook iOS, Outlook Android, Apple Mail, Apple Mail iOS, Yahoo Mail, Samsung Mail, Thunderbird, HEY Mail, Superhuman.
When to use color in email
- Setting body copy color to maintain brand voice across plain-text-heavy emails like newsletters and transactional receipts.
- Defining link color on inline anchor tags so they remain identifiable when clients strip <style> blocks.
- Establishing semantic colors for warnings, success states, and CTAs in marketing and lifecycle emails.
Rendering behaviour and edge cases
- Outlook on Windows ignores named colors like rebeccapurple in some configurations and is most predictable when given hex values.
- Gmail and Yahoo aggressively repaint color in dark mode, which can flip dark text on light backgrounds into unreadable combinations.
- Apple Mail respects color values exactly but applies its own dark-mode color smoothing on iOS 13+.
Recommended fallback strategy
Inline color on every text-bearing element. Pair color with an explicit background-color on table cells so dark-mode auto-inversion has a defined baseline. For links, set color directly on the anchor in addition to the parent <td> to defeat sanitizer rewrites.
FAQ on color in email
Does color work in Outlook on Windows?
Yes. Hex and rgb() values are reliable. Avoid CSS custom properties for color in Outlook Windows — use literal values inline.
Why does my color change in dark mode?
Gmail, Yahoo, and Apple Mail apply automatic color inversion in dark mode. Use the color-scheme meta tag and supply explicit dark-mode color pairs to opt out.
Related Features
Test your email across all 15 clients
Preview rendering, catch CSS issues, and get actionable fixes — free.
Try Emailens FreeSupport data last updated Apr 27, 2026 · synced from caniemail.com via @emailens/engine.