A brand is recognized in a tenth of a second - long before anyone has time to read a logo or a name. It's the colors and fonts that do the work. Yet they are often chosen last, fastest and with the least thought in the entire branding process. It's a shame, because the wrong choice costs more than meets the eye: unclear communication, poorer accessibility and a brand that is difficult to distinguish from that of competitors.
This article goes over how to choose colors with clear logic, what Contrast and Accessibility (WCAG) actually requires of you, why two typefaces max goes a long way, and the difference between web fonts and print – including the licensing traps that are easy to miss.
Color psychology – useful, but not the whole truth
Color psychology is based on general associations: blue is often perceived as safe and professional, green as natural or sustainable, red as energetic or urgent, yellow as optimistic. It's a good starting point not to choose a color that actively opposes your message - a fintech company should think before using a bright yellow main color, for the same reason that a healthcare clinic rarely chooses aggressive red.
But color psychology is culturally conditioned and a softer science than it is often portrayed as. White signals purity in Sweden, but sadness in some Asian cultures. And within every industry there are exceptions that work just fine – think of how many successful brands break the 'rules'. Use color psychology as a guide, not an absolute law. What matters more in practice are the following three things:
Consequence.The same colors, over and over, until they connect with you.
Contrast with competitors.If everyone in your industry wears blue, it's often smarter to stand out than to blend in.
Function.The color must work in any context – app, print, sign, PowerPoint – not just look nice in a logo on a white background.
A simple model for choosing a color palette
A working palette rarely needs more than this:
A primary color– carried by logo, buttons, important surfaces.
One or two secondary colors– complement without competing.
Neutral tones– black, white, grayscale for text and backgrounds.
An accent color– used sparingly, for call-to-action and what should stand out.
More colors than that usually lead to obscurity rather than variety. A brand that "owns" a color (think Coca-Cola's red or IKEA's blue-yellow) is stronger than one that has five half-baked shades no one remembers.
Contrast and accessibility – non-negotiable
This is often the most neglected area, and it is also an area of legal relevance: since 2019, the law on accessibility to digital public services applies to the public sector, and the EU's accessibility directive (European Accessibility Act) begins to cover more private actors from 2025. But even without legal requirements, poor contrast is a direct obstacle for some of your visitors - an estimated 8 percent of men and 0.5 percent of women have some form of color blindness.
WCAG (Web Content Accessibility Guidelines) is the international standard for digital accessibility. For text, the following applies in brief:
Level | Normal text | Large text (18pt+/14pt bold) |
|---|---|---|
WCAG AA (minimum requirements) | 4.5:1 | 3:1 |
WCAG AAA (aggravated level) | 7:1 | 4.5:1 |
The contrast ratio is measured between text color and background color. Light gray text on a white background – common in "minimalist" design – often lands below 3:1 and thus does not even pass AA. Always test your color combinations in a contrast tool before they become part of a graphic profile or website. It takes two minutes and saves you from having to redo later.
Practical rules of thumb for accessible color usage
Never rely on color alone to convey information (eg red = wrong, green = right) – supplement with text, icon or pattern.
Test the palette in a color blindness simulator, not just in normal viewing.
Make sure your primary color works as a text color against both white and dark - otherwise you'll limit yourself in future materials.
Fonts: why two is enough
A common beginner mistake is to mix four-five fonts "for variety". The result is rarely variety – it's messy and unprofessional. A solid rule:maximum two fonts, one for headings and one for body text. Sometimes a single font in multiple weights (thin, normal, bold, italic) is enough to create all the hierarchy you need.
When choosing a font, consider:
Small size readability.A nice display font in a logo can be completely unreadable as body text on mobile.
Character vs. neutrality.The heading font should have personality; the body text should ideally be discreet and easy to read over long paragraphs.
Number of weights.Make sure the font comes in enough variations (regular, medium, bold) to build hierarchy without changing fonts.
Web fonts vs. print – two different disciplines
A font that works perfectly in print may behave differently on screen, and vice versa. The differences to know:
Format.The web mostly uses the WOFF2 font formats (and WOFF as a backup), while print requires OTF or TTF in high resolution.
Rendering.Monitors render fonts differently depending on operating system and pixel density – a thin font may look spotty on some monitors.
Row spacing and size.Text on screen is often read in shorter, faster swipes. More generous line spacing (line-height) and slightly larger text size than in print make a big difference to readability.
Charging time.Every font file loaded into a web page affects the page's performance. Fewer weights and formats (eg, only the ones you actually use) make for faster pages.
Licenses – the most common trap
This is often missed, and can be expensive to correct afterwards. Font licenses are not always "buy once, use everywhere":
Desktop licenseapplies to programs such as Photoshop, InDesign and Illustrator - does not automatically cover the web.
Web licenseis required separately to insert the font via CSS on a website, and is often priced according to the number of page views per month.
App Licenseneeded if the font is to be embedded in a mobile app.
Google Fonts and other open font librariesare free to use commercially (under the SIL Open Font License), making them a safe first choice for many smaller businesses – and the quality and selection has also improved significantly in recent years.
Always check the license terms before a font becomes a permanent part of the brand. Changing fonts after the graphic profile, signs and printed matter are ready is significantly more expensive than checking the license from the beginning.
This is how you put it together in practice
A sustainable visual identity does not have to be complicated. The starting point can be:
1 primary color + 1-2 secondary colors + neutral tones + 1 accent color
1 header font + 1 body font (or a multi-weight font)
Controlled contrast values according to WCAG AA as minimum level
Clear licenses for both web and print, documented so you don't have to look for them again in a year
What makes a brand recognizable is rarely the creativity of choice – it's the discipline to stick with it, context after context.
Frequently asked questions
How many colors should a logo have?
Usually one to three colors are enough. More colors make the logo harder to reproduce consistently in different contexts – embroidery, signs, favicon – and risks blurring recognition instead of strengthening it.
Do we have to comply with WCAG even if we are not an authority?
Legally, the requirements are clearest for the public sector and become broader through the EU's accessibility directive. But regardless of legal requirements, good contrast is a prerequisite for all visitors - including those with impaired vision or color blindness - to be able to read your website and your materials. It's simply good design, not just a legal issue.
Can we use the same font in the logo and body text?
Yes, if the font is available in enough weights and works in both large and small sizes. Many strong brands use a single font family consistently throughout their profile – this also simplifies license management.
Do you want help setting colors and fonts that actually work - in the logo, graphic profile and on the web? Book a free review with ZORC at/book, then we go through where you stand today and what is a reasonable next step.
