Brand Colour

Origin & evolution

Colour as a defensible brand signal is old. Bass Brewery's red triangle became the United Kingdom's first registered trade mark in 1876, and the Intellectual Property Office marked its 150th anniversary in January 2026. The colour was part of what made the mark instantly legible across a crowded shelf.

The widely quoted figure that "colour increases brand recognition by up to 80%" traces to research associated with Loyola University Maryland. The honest reading, documented by insights4print, is that the original work compared colour against monochrome for information processing, and the "up to" matters. The principle holds even where the headline number is loose: a consistent colour shortens recognition.

Accessibility reshaped the modern practice. WCAG sets a 4.5:1 contrast ratio for normal text and 3:1 for large text at level AA, so a brand colour that looks right on a deck can fail in the interface. Mature palettes now ship documented contrast pairs rather than a single hex per swatch.

Wathan and Schoger make the same point from the build side: a handful of hex codes is not a palette you can actually ship an interface with. A single value cannot do every job🔨JobUserJob To Be Done: what the user is trying to accomplishView reference → a colour is asked to do, because different shades serve different roles — the darkest end tends to carry text, the lightest end tints backgrounds, and a mid-range shade does the work of buttons and links. Their remedy is a deliberate shade scale per hue, for which they treat nine steps (a numbered 100-to-900 ramp) as a sensible default, with greys and accent colours sometimes wanting more or fewer. The brand's chosen colour is then just one stop on that ramp. Read that way, shipping documented contrast pairs is the scale discipline applied to accessibility rather than a separate idea.

How it works in practice

A fintech picks a deep teal as its primary. It passes 4.5:1 on white for body text, so it becomes the link and heading colour. Its brand orange fails that bar, so the team restricts orange to large call-to-action buttons (3:1, large-text territory) and never sets body copy in it. Each value is registered once as a design token🪙Design TokenDesign SystemA design token (colour, spacing, typography)View reference →, and every surface reads the token, so a future shift from teal to a darker teal updates the website, the app, and the slide template in one move.

Brand colour vs. its neighbours

• Design token is the machine-readable carrier. A brand colour is the human decision⚖️DecisionStrategyA recorded decision with context, rationale, and consequencesView reference → ("our teal"); the token is the variable (color.brand.primary) that the decision compiles into. The graph keeps them distinct so one intent can feed many tokens.
• Brand asset🗂️Brand AssetBrand IdentityA brand asset (logo, image, etc.)View reference → is a produced file that happens to use the colour. The colour is the rule; the asset is an instance bound by it.
• Brand identity💠Brand IdentityBrand IdentityThe root brand identity entityView reference → is the whole the colour belongs to. Colour is one expression of the identity, sitting alongside typography, logo, and imagery.

In the graph

In the Unified Product Graph, brand_colour🌈Brand ColourBrand IdentityA brand colour definition is a leaf in the Experience, Design and Brand region, held by brand_identity💠Brand IdentityBrand IdentityThe root brand identity entityView reference → through brand_identity_coloured_with_brand_colourBrand Identitycoloured withBrand Colourhierarchy. Its forward link to the design system🧰Design SystemDesign SystemThe root design system entityView reference → runs through design_token_reflects_brand_colourDesign TokenreflectsBrand Colourcross-domain, which is the structural reason a colour decision can stay consistent across every surface: the token reads the brand colour, the interface reads the token. Break that chain and the palette drifts.