Filed under:

Brand Colour and Website Contrast: Keeping Both

A brand palette and an accessible interface can coexist. The goal is not to remove colour; it is to use colour intentionally so text, controls, and states remain clear.

Give important text enough contrast

Test body text, headings, links, buttons, placeholders, and focus states against their actual backgrounds. Do not rely on a pale brand colour for small text just because it looks good in a large graphic.

Use colour as support

Pair colour with labels, icons, patterns, or position when showing success, warning, or error. Check the design in different lighting and on different screens.

Accessibility is easiest when included in the design system from the start.