Colors
Paleta para plantillas de correo
Used by developers, writers, and creators worldwide.
An email template palette generator produces the coordinated colors an HTML email needs: an outer body background, a white container card, heading and body text tones, a branded button with contrast-checked label text, a readable link color, and a muted footer tone. From a single brand hue it derives every value, computing the button label color by comparing real WCAG contrast against white versus dark so the call to action stays legible on the fill. Email is a hostile rendering environment where dark-mode clients, image blocking, and inconsistent CSS support all conspire against design, so a tested, conservative palette built on a white container is the safest foundation. Marketers, developers, and designers use it to theme newsletters, transactional emails, and campaign templates. Each value is a labelled, paste-ready hex code that maps onto inline styles for backgrounds, text, buttons, and links across email clients.
Read the complete guide — 4 min read
Loading usage…
Free forever — no account required
How to use
- Choose your options above
- Click Generate
- Copy your result
Detailed instructions
- Set your brand hue from 0 to 360.
- Click Generate to build the email palette.
- Apply body, container, and text colors as inline styles.
- Use the button and link colors for actions.
Use Cases
- •Theming a newsletter or campaign email
- •Choosing a button color with legible label text
- •Setting body and heading text tones for emails
- •Picking a readable link color for email body copy
- •Building consistent transactional email styling
Tips
- →Keep the container white for reliable rendering.
- →Use inline styles since email CSS support is limited.
- →Test the template in major clients before sending.
- →Keep body text on the provided readable tone.
FAQ
why a white container on a tinted body
A white container card on a softly tinted body background is the most reliable email layout: it frames content, reads well across clients, and survives dark-mode inversions better than a fully colored layout.
how is the button text chosen
It compares the WCAG contrast of white versus dark text on the button fill using real relative luminance, returning whichever passes more comfortably so the call-to-action label stays readable.
will these colors survive dark mode
Email dark-mode handling varies by client and can invert colors unpredictably. Use these as a tested light-mode base, keep important text on the provided tones, and test in major clients before sending.
You might also like
Popular tools from other categories that share themes with this one.