A website palette works best when colours have defined jobs. Choose a main text colour, background, brand accent and supporting states before decorating individual sections. Consistent roles help visitors recognise links and actions across different pages.

A practical approach

Check combinations where they are actually used. Text over imagery can become difficult to read even when the same colours work on a solid background. Do not depend on colour alone to distinguish an error, selected option or other important state.

Your checklist

  • List foreground and background combinations.
  • Keep links identifiable beyond a subtle colour change.
  • Review disabled, focus and error states where they exist.

For example

A blue brand accent can identify links, but an error message should also contain explicit text. Someone who cannot distinguish the colours still needs to know what went wrong and how to continue.

Planning a project? Explore our website design or tell us what you need.