Email Color Theory

Definition

Color theory in email design encompasses the principles and practices of selecting, combining, and applying colours to create effective, accessible, and brand-consistent email communications. A well-defined colour palette for email typically includes a primary brand colour, one or two secondary colours, a neutral or background colour, and an accent colour for calls to action. The palette should be documented in a design system that specifies hex codes, RGB values, and CMYK equivalents for each colour, along with guidance on usage contexts and colour combinations. Consistent application of the palette across all email communications reinforces brand recognition and creates a cohesive subscriber experience across the full customer journey.

WCAG colour contrast requirements are a critical consideration in email design that directly affect accessibility and legal compliance. WCAG 2.1 Level AA requires a minimum contrast ratio of 4.5:1 for normal text (under 18pt or 14pt bold) and 3:1 for large text (18pt or above, or 14pt bold and above). These requirements apply to text against its background, link text against surrounding text, and any text placed on images or gradients. For email specifically, testing contrast ratios with the actual colours rendered in email clients is important because colour reproduction varies across clients and devices. A colour combination that passes contrast testing in a design tool may fail in Outlook for Windows, which uses a different colour rendering engine.

Dark mode has become a standard viewing preference on mobile devices and desktop operating systems, requiring email designers to implement colour adaptation strategies. The meta color-scheme tag and prefers-color-scheme CSS media query allow emails to detect and respond to the subscriber's colour scheme preference. In dark mode, light backgrounds become dark and light text becomes dark, but brand colours, images, and logos need specific handling to remain legible. Colour psychology also plays a role in email design: red creates urgency and is effective for clearance sale CTAs, green suggests go or confirmation, and blue conveys trust and is widely used for financial services and B2B emails. However, cultural associations vary by region and should be researched for international audiences.

Best Practices

Document the email colour palette with specific hex codes for each colour and guidelines for their use. Include light and dark mode variants for each colour to ensure consistent brand representation regardless of the subscriber's display settings.

Test all text-background colour combinations against WCAG AA contrast requirements using a reliable contrast-checking tool. Document the contrast ratio for each combination and the pass-fail status. Remediate any failing combinations before deployment.

Implement dark mode support using the meta color-scheme tag and prefers-color-scheme media queries. Adjust background colours, text colours, and image treatments to maintain legibility and brand consistency in both light and dark modes.

Select CTA button colours based on both brand consistency and colour psychology principles. The CTA colour must stand out from surrounding content, pass contrast requirements, and convey the appropriate emotional signal for the action being requested.

Limit the number of distinct colours used in a single email to three to five, including the background colour. Too many colours create visual noise, reduce the impact of individual colour signals, and increase the risk of contrast failures.

Consider colour blindness when designing emails — approximately 8% of male subscribers have some form of colour vision deficiency. Never rely on colour alone to convey information; use text labels, icons, or patterns as redundant signals.