Anticode Open builder

Website colours by industry: the conventions, why they exist, and when to break them

Most sectors settle on a recognisable palette: blue for banks and software, green for food and sustainability, black and gold for luxury, bright primaries for children. Those codes help visitors place a business quickly, but they also make every competitor look the same. The better source for a colour is usually the business itself.

Updated · By the Anticode team

The common codes

Colour conventions on websites, by sector
SectorTypical paletteWhere the habit comes from
Banks, insurers, softwareBlue, navy, whiteBlue is the colour least associated with danger or urgency; once a few market leaders used it, followers copied the signal of stability
Healthcare and clinicsTeal, blue, green, lots of whiteHospital and pharmacy associations with cleanliness and calm
Food and restaurantsRed, orange, warm browns, creamAssociations with heat, ripeness and appetite; also signage traditions
Sustainability, gardens, organic foodGreens, earth tones, off-whiteThe literal colours of plants and soil
Luxury and fashionBlack, white, gold, deep neutralsPrint traditions of fashion magazines and boutique packaging
Law and finance adviceNavy, burgundy, dark green, greyLeather-bound books, institutional interiors, conservatism
Children and educationSaturated primaries and bright accentsToys, picture books and classroom materials
Trades and constructionYellow, orange, blackSafety signage and work vehicles

Some of these conventions are useful shortcuts and some are just inertia. None is a rule, and the associations vary between cultures: white is linked with mourning in parts of East Asia, and red with luck and celebration in China, for example.

Why following the code helps

  • Quick orientation. A visitor who lands on a teal and white page with a booking button assumes a clinic before reading anything. That's useful when the visitor is anxious or in a hurry.
  • Trust in cautious sectors. For a solicitor or an accountant, a palette that looks like the category tells people the business is serious. A neon palette asks them to overcome a doubt first.
  • Fewer surprises for older or less confident visitors, who may rely on familiar visual cues.

Why breaking it helps

  • Recognition. If every plumber in town uses blue and white, a plumber in deep green and cream is the one people remember from the van, the card and the website.
  • It signals a different offer. A bank aimed at young freelancers, or a dental practice that wants to feel like a design studio, says so through colour before it says so in words.
  • It's more honest. A colour taken from the business, such as the shopfront paint, the product or the ink on the menu, belongs to that business, not to the sector.

A way to decide

  1. Look at the five closest competitors. Note their main colour. If four are the same, you know what the default is.
  2. Ask how anxious the visitor is. Medical, legal and financial visitors usually benefit from calm and familiar. Food, entertainment and retail visitors usually reward distinctiveness.
  3. Find a colour in the business. The sign, uniforms, packaging, the building, the product. Photograph it and sample it.
  4. Keep the code in the neutrals if you break it in the accent. A clinic can use a warm clay accent and still feel clinical with plenty of white, clear type and calm photographs.
  5. Check contrast. Whatever you choose must pass contrast as text and on buttons, as explained in colour contrast for websites.

Colour is more than the accent

Industry feel comes from the whole palette, not only the brand colour. The ground (warm paper, cool white or near-black), the text colour and the photography do much of the work. A bakery with a red accent on a cold blue-white ground still looks like a bank. Change the ground to a warm cream and the same red looks like a bakery. See website colour palette ideas for whole palettes built this way.

How Anticode picks a colour

Every Anticode design system keeps colour to its own neutrals and a single action colour, used for buttons and links that matter. The system's ground and text colours do the sector-setting work: Editorial is ink on warm paper, Technical is graphite, Luxury is champagne on black, Organic is sage and clay. You can then set the action colour to one of eight values (red, orange, gold, green, teal, blue, pink or black) in the visual editor, or tune the colour tokens directly in the code editor in Pro mode.

The practical advice is the one above: take the action colour from the business itself, then pick the design system whose neutrals suit the sector. A plumber can have Technical's graphite calm with an orange that matches the vans.

Questions people ask

Why are so many bank and software websites blue?

Blue rarely signals danger and reads as calm and dependable in many cultures. Early leaders used it, and later entrants copied the signal, so it became the category default.

Should my website use my industry's colours?

Use them where visitors are anxious and need reassurance; break them where being remembered matters more. A common middle path keeps the sector's neutrals and changes the accent.

Is there a best colour for a business website?

No single colour works best everywhere. The colour that contrasts well, stays consistent and comes from the business usually serves it better than any sector rule.