Colour creates the first impression of your website and guides visitors to what matters, such as your main button.
A simple palette
- Primary colour: your main brand colour.
- Accent colour: for buttons and key actions; it should stand out.
- Neutrals: white, light greys and a dark text colour.
Start from what you have
Extract colours from your logo or shop interior with our palette from image tool, then create lighter and darker variants with our colour shades generator.
Colour and meaning
| Colour | Common associations |
|---|---|
| Blue | Trust, professionalism (finance, healthcare, tech) |
| Green | Health, nature, growth |
| Orange and red | Energy, food, urgency |
| Black and gold | Luxury, premium |
These are general tendencies, not rules; your audience and competitors matter too.
Use colour with purpose
- Keep one accent colour for main buttons so they stand out.
- Do not use red for normal text; it signals errors.
- Use plenty of white space.
Accessibility
Text must contrast strongly with backgrounds. Check combinations with our contrast checker.
Want the full picture? This article is part of Business websites: the complete guide, our in-depth guide with everything in one place.
