Common Colour Mistakes

Too Many Colours

The most common colour mistake in small business branding is using too many colours. It typically happens gradually — a new colour is added for a specific page, another for a seasonal promotion, another because a particular section felt flat. Over time, the brand accumulates colours that were never part of a deliberate system.

The result is a visual environment that feels busy, inconsistent, and unprofessional. Visitors cannot identify a clear brand colour because there are too many competing for attention.

The fix

Audit every colour currently in use across your website and materials. Identify which colours are intentional and which were added reactively. Reduce to a defined palette: one primary, one secondary, one accent, and a small set of neutrals for text and backgrounds. Document the palette with exact colour codes and apply it consistently going forward.

Poor Contrast Choices

Low contrast between text and background is one of the most damaging colour mistakes because it directly affects whether visitors can read your content. It is also one of the most common, particularly with light grey text on white backgrounds.

The problem is that low-contrast combinations often look acceptable on a high-quality monitor in a well-lit room. They fail on mobile screens in bright light, on older displays, and for visitors with any degree of visual impairment.

Common low-contrast failures

• Light grey body text on white backgrounds (the most frequent offender)
• White text on light-coloured backgrounds
• Coloured text on a similarly coloured background
• Text placed over photographs without a sufficient overlay
• Placeholder text in form fields that is too light to read

The fix

Check every text and background combination against WCAG contrast requirements. Body text needs a minimum contrast ratio of 4.5:1. Large text and headings need 3:1. Use the Accessibility Auditor™ to check your combinations quickly. For body text on white, use a dark charcoal (#1a1a1a or similar) rather than pure black or light grey.

Trend Chasing

Colour trends move quickly. A palette that feels current today can feel dated within two or three years. Small businesses that build their brand around trend colours often find themselves needing a rebrand sooner than expected.

Trend-chasing also creates a specific credibility problem: if your brand looks like it was built to match a particular year's design aesthetic, it signals that the brand is reactive rather than confident. Established, trustworthy organizations tend to have colour systems that feel timeless rather than fashionable.

The fix

Build your palette around colours with proven longevity in your industry. Deep navy, forest green, charcoal, warm cream, and burgundy have been used in professional branding for decades and will continue to work. If you want to incorporate a trend colour, use it as a limited accent rather than a primary colour, so it can be updated without rebuilding the entire brand system.

Inconsistent Colour Usage

Inconsistency is the most trust-damaging colour mistake. When the same brand uses slightly different shades of blue on different pages, or when the primary button colour changes between sections, visitors sense that something is off even if they cannot identify what.

Inconsistency signals disorganization. It suggests that no one is paying close attention to the brand, which raises questions about whether the organization pays close attention to other things.

Common inconsistency patterns

• The logo appears in different colours depending on the context
• Button colours vary between pages
• Heading colours are different on different sections of the same page
• Social media graphics use different shades than the website
• Printed materials do not match the digital brand

The fix

Document your colour system with exact HEX codes and assign each colour a specific role. Share this document with anyone who creates content or materials for the brand. Audit existing pages and materials against the documented system and correct deviations.

Ignoring Accessibility

Accessibility is not a niche concern. Approximately 8% of men and 0.5% of women have some form of colour vision deficiency. A much larger proportion of the population experiences situational vision challenges — bright sunlight on a phone screen, an older display, or simply tired eyes at the end of the day.

Brands that ignore accessibility are not just failing a legal and ethical obligation — they are making their content harder to use for a significant portion of their audience.

Common accessibility failures

• Using colour alone to convey meaning (red for error, green for success) without text or icons
• Links that are only distinguished from body text by colour, with no underline or other indicator
• Form error states that rely entirely on a red border with no text explanation
• Charts and graphs that use colour coding without labels or patterns

The fix

Never rely on colour alone to communicate information. Always pair colour with text, icons, or patterns. Check all colour combinations against WCAG 2.1 AA standards. Test your site with a colour blindness simulator to identify combinations that fail for users with common vision deficiencies.

Weak CTA Contrast

A call-to-action button that does not stand out from its surrounding content is one of the most costly colour mistakes in terms of direct business impact. If visitors cannot immediately identify the primary action on a page, conversion rates suffer.

Weak CTA contrast usually happens in one of two ways: the button colour is too similar to the surrounding background, or the accent colour has been used so frequently elsewhere on the page that the button no longer stands out.

The fix

Your primary CTA button should be the highest-contrast interactive element on the page. Test it by squinting at the page — if the button does not immediately stand out, it needs more contrast. Reserve the CTA colour exclusively for primary buttons. Do not use it for links, labels, icons, or decorative elements.

Colour Choices That Hurt Trust

Some colour choices actively undermine the perception of credibility, particularly in professional and service-based businesses. These are not universal rules — context matters — but they are patterns worth being aware of.

Colours that can undermine trust in professional contexts

• Very bright, saturated colours as primary brand colours in finance, healthcare, or legal contexts — they can feel frivolous or unserious
• Neon or fluorescent accents in service businesses — they signal energy and excitement rather than stability and competence
• Colour combinations that are strongly associated with specific brands in other industries — they create confusion rather than identity
• Gradients that shift through multiple hues — they can feel trendy and impermanent rather than established

The fix

Research the visual conventions of your industry. Understand what colours your most trusted competitors and peers use. This is not about copying them — it is about understanding the visual language your audience already associates with credibility in your field, and making deliberate decisions about where to align with those conventions and where to differentiate. For a deeper look at how colour builds credibility, see Choosing Colours For Trust.

How To Audit Your Palette

A colour audit is a systematic review of every colour currently in use across your brand. It identifies inconsistencies, accessibility failures, and colours that were added without intention. Here is a practical process:

Step 1: Inventory

Use a browser colour picker or design tool to identify every colour currently used on your website. Record the HEX code for each one. You may find more colours than you expected.

Step 2: Categorize

Group the colours you find into categories: intentional brand colours, neutral backgrounds and text colours, and colours that appeared without a clear reason. The third category is where most problems live.

Step 3: Test contrast

Check every text-on-background combination against WCAG contrast requirements. Flag any that fail. Pay particular attention to body text, link text, button labels, and placeholder text.

Step 4: Define the system

Based on your inventory, define the palette you want to use going forward. Assign each colour a specific role. Document the system with exact colour codes.

Step 5: Correct and standardize

Update your website and materials to match the documented system. Remove or replace colours that are not part of the defined palette. This step takes time but the result is a brand that feels significantly more coherent and professional.