Button colour matters for visibility and accessibility and very little beyond that. The label matters far more, because it sets the visitor's expectation of what happens next, and uncertainty about what happens next is the thing actually preventing the click. Most published colour tests are single-context results that have been generalised well past what they support.
The colour folklore
Almost everyone in marketing has encountered a case study where changing a button from one colour to another produced a dramatic improvement. These results are usually real and almost never transferable.
What such tests typically measure is contrast, not colour. A button that stands out from its surroundings gets noticed and clicked more than one that blends in. Change the surroundings and the winning colour changes with it, which is why the results do not replicate.
So the useful version of the advice is unglamorous: make the primary action visually distinct from everything around it, ensure it meets contrast requirements for legibility, and stop testing shades.
What the label is doing
A visitor hesitating over a button is asking one question: what happens if I press this?
Ambiguity there is the actual friction. "Submit" answers nothing. It is a technical term describing what the form does rather than what the visitor gets, and it carries a faint suggestion of finality that makes people pause.
Compare a few labels for the same button:
| Label | What the visitor infers |
|---|---|
| Submit | Something is sent. Unclear what follows. |
| Send | A message goes. Better, still vague. |
| Request a quote | I will receive a price. Clear outcome. |
| Get a call back today | Someone phones me, soon. Clear and time-bound. |
The last two describe an outcome. That is the whole mechanism: name what the visitor receives rather than what the system performs.
Reducing the anxiety around the click
- Say what happens next. A line under the button reading "We usually reply within a couple of hours" removes the main unknown.
- Signal the commitment level. "Get a free estimate" reassures where "Book now" implies obligation. Where the action genuinely is non-committal, saying so converts people who would otherwise hesitate.
- Avoid implying more work than there is. "Start your application" suggests a long process. "Ask us a question" suggests thirty seconds.
- Match the label to the page. A button reading "Get started" on a page about emergency drain clearing is answering a question nobody asked.
The first person question
There is a long-running argument about whether buttons should read "Get my quote" or "Get your quote". Published tests point in both directions, which strongly suggests the effect is small and context-dependent.
Not worth the time. Choose one, apply it consistently, and spend the attention on whether the label describes an outcome, which is where the actual difference is.
Where colour genuinely matters
Two places, both about legibility rather than psychology:
- Text against the button needs sufficient contrast to be readable. Pale text on a mid-tone button is a common and avoidable failure.
- The button against the page needs enough contrast to be identifiable as a control, which WCAG addresses through its non-text contrast requirement.
Beyond that, use one colour consistently for primary actions across the site so visitors learn what a button looks like on your pages. Consistency does more than any individual shade.
The summary
Pick a colour that contrasts, use it consistently, meet the contrast requirements, and then spend the remaining effort on the words. A clearly labelled button in an unremarkable colour outperforms a beautifully chosen colour labelled "Submit".
Frequently asked questions
Does button colour affect conversion rates?
Mainly through contrast rather than colour itself. Buttons that stand out from their surroundings get noticed and clicked more, which is why individual colour test results rarely replicate on other sites where the surrounding design differs.
What should a call to action button say?
What the visitor receives rather than what the system does. Submit describes a technical action and answers nothing, while Request a quote or Get a call back today describe an outcome and remove the uncertainty that causes hesitation.
Should buttons use my or your?
Published tests point both ways, which suggests the effect is small and context dependent. Choosing one and applying it consistently is sufficient, and the attention is better spent on whether the label describes a concrete outcome.
How can I reduce hesitation before someone clicks?
State what happens next, such as a note that you usually reply within a couple of hours, signal the level of commitment where the action is genuinely non-committal, and avoid labels implying more effort than the process actually involves.
What contrast requirements apply to buttons?
Text on the button needs sufficient contrast to be readable, and the button itself needs enough contrast against the page to be identifiable as a control, which WCAG addresses through its non-text contrast requirement at Level AA.
Should all buttons on a site be the same colour?
Primary actions should be, so visitors learn what a clickable control looks like on your pages. Consistency across the site does considerably more for usability than the choice of any particular shade.
West Coast Media Solutions Inc. builds websites for businesses across Canada. Conversion research is heavily context dependent and widely misquoted; where we describe a principle rather than citing a figure, that is deliberate.
Want a second opinion on your site?
We review sites for businesses across Canada and show you exactly where enquiries are being lost, and what it takes to fix it.
Start a Conversation