Sigmint Sigmint
← All articles

Email Signature Colors: A Guide to Shades That Actually Render

· 5 min read

Why colour deserves careful thought

Colour is the first thing a reader registers in a signature, before they have read a single word. Used well, it ties your signature to your brand and draws the eye to what matters. Used badly, it looks amateurish, hurts readability, or disappears entirely in dark mode. The good news: a few simple principles will keep your signature sharp everywhere it lands.

Start with your brand, then restrain yourself

Your signature should echo the colours people already associate with you — the shade from your logo, your website, your packaging. But a signature is not a landing page. The winning formula is one accent colour plus neutrals:

  • One brand colour for your name, a divider line, or the icons.
  • Dark grey or near-black for the main text — pure black can feel harsh, so many designers prefer something like #222222.
  • A lighter grey for secondary details such as a job title or legal line.

That is usually all you need. When a signature uses three or four bright colours at once, none of them stands out and the whole thing reads as noise.

Contrast is non-negotiable

Text has to be readable against a white background — and, increasingly, a dark one. Pale grey text on white might look elegant on your monitor but becomes invisible on a phone in sunlight. Aim for strong contrast on the parts that carry information: name, phone, email. Reserve low-contrast light grey only for genuinely secondary text, and even then keep it legible.

If you have to squint to read your own signature, so will everyone you email. Legibility beats subtlety every time.

A quick accessibility check

Accessibility guidelines suggest body text should have a contrast ratio of at least 4.5 to 1 against its background. You do not need to memorise the maths — just avoid light-grey-on-white for anything important, and you will clear the bar comfortably.

The dark mode trap

This is where most signatures fall down. Many email clients now render messages on a dark background, and some even invert your colours automatically. A few things happen:

  • Dark text you chose for a white background can become unreadable on dark.
  • A black logo on a transparent background merges into the darkness and vanishes.
  • Some clients auto-invert colours, turning your careful navy into a muddy, unintended shade.

You cannot fully control how every client handles dark mode, but you can hedge. Favour mid-tone accent colours that read on both light and dark. Give logos and icons a hint of built-in contrast rather than relying on a transparent background. And always test by switching your own device to dark mode and emailing yourself.

Links: keep them obviously clickable

Your website and email address should look like links. The default blue exists for a reason — people recognise it instantly. If you recolour links to match your brand, make sure they still read as clickable and still contrast with the surrounding text. A link that looks identical to plain text is a link nobody clicks.

Use hex codes, not guesswork

To keep colour consistent across every email you and your team send, specify exact hex codes rather than picking "close enough" shades each time. Grab the precise values from your brand guidelines or your logo file. If you do not have brand colours yet, a safe starting palette is a single confident accent (a blue, green or warm red), #222222 for text, and #888888 for secondary details.

Colours that survive every inbox

Email clients are less forgiving than web browsers. Stick to solid colours rather than gradients, which many clients render inconsistently or drop entirely. Avoid relying on background colours behind text, since some clients strip them. And remember that a colour looks different on a calibrated designer's monitor than on a five-year-old phone — the safest palettes are the ones with obvious contrast and no reliance on subtle differences.

Let a builder handle the fiddly parts

Getting colour right means balancing brand, contrast, links and dark mode all at once — and then making sure it holds up in Outlook, Gmail and Apple Mail. A signature builder bakes those decisions in. Sigmint offers templates — classic, minimal, modern, compact, elegant and card — with colour choices already tuned for readability and tested across clients. You can open the builder, apply your brand colour, and see instantly how it holds up. Pick one accent, keep your text high-contrast, check it in dark mode, and your signature will look deliberate in every inbox it reaches.

Build a signature that renders everywhere

Free, no signup, no watermark. Copy it in under a minute.

Open the generator →