Keeping Brand Equity Through a Redesign

Brand equity survives a redesign when the things people actually recognize are named and pinned before anything moves — and what people recognize is usually narrower than teams fear: a hue, in a role, at touchpoints they meet repeatedly, not the exact coordinates of a swatch. The discipline is to write that pin list first — “the teal stays; everything around it may move” — and then let the redesign work freely around it.

This article covers how to locate the equity in color terms, what the pin list should contain, the two failure modes on either side of it, and why a derived color system makes the whole discipline cheap to execute. It is part of our brand colors guide.

What is brand equity, in color terms?

Brand equity is the value a brand carries beyond its product — and the share of it that lives in color is recognition: the ability to be spotted at a distance, at a glance, and assigned to the right company. The marketing-science tradition around distinctive assets and mental availability — the Byron Sharp school — has mapped where that recognition actually lives, and the answer is consistently specific: at the recurring meeting points. The delivery truck. The app icon on a crowded home screen. The carrier bag on the street.

What people store from those meetings is narrower still: a hue, in a role. The intuition is worth sitting with, because it does most of the work in this article — memory keeps the gist, not the coordinates. Almost nobody could pick a brand’s exact color from a close neighbor out of context; almost everybody notices when the bag is suddenly a different green. Recognition is robust to small moves in the values and fragile to moves in the hue and its placement.

What should be pinned before anything moves?

The pin list — written in one sentence, before concept work starts: “The teal stays, in the roles where people meet it. Everything else may move.”

The pin list is the equity, made explicit. Its two properties matter equally. It must be named, because an unnamed pin gets renegotiated at every review — the redesign discipline is that the pins are settled before taste enters the room. And it is usually short — shorter than stakeholders fear. Pressed on what customers would actually notice missing, the candidate list shrinks from the whole style guide to a hue, one or two roles, and perhaps a wordmark. If nobody in the room can name what people recognize, that is itself the finding: find out first, before redesigning around a guess.

What can usually move freely?

Most of the visual system — which is why a disciplined refresh still feels like a real redesign:

• Supporting colors — the secondary hues rarely carry recognition on their own.
• The neutrals’ temperature — moving grays warmer or cooler changes how the whole product feels while leaving the recognized color untouched.
• The tints — light washes and surface colors are met as atmosphere, not identity.
• The functional four — success, warning, error and info colors are read as system signals, not brand.
• The typography pairing — a large lever on tone, mostly orthogonal to color recognition.

Everything on this list is the system around the recognized thing. Open a palette with the hue pinned and everything else re-derived — the same core color held constant while the tints, neutrals and functional colors rebuild around it.

What are the two failure modes?

Pinning everything. Every value in the old style guide is treated as equity, every proposed change meets a veto, and the redesign accomplishes nothing — an expensive way to stand still. This failure mode is common because it feels safe: nothing recognized is lost, and nothing else is gained.

Pinning nothing. The concept work is free, the result is striking, and recognition resets toward zero. This is the expensive one: awareness that was bought over years of consistent exposure has to be purchased again. The asymmetry between the two is worth stating plainly — over-pinning wastes the project’s budget; under-pinning wastes the brand’s.

What does this look like in practice?

Two case-shaped refreshes — composites, no real brands named.

The refresh that holds. A teal — hue around ≈197° — has fronted the packaging and the app icon for a decade. The redesign pins the hue and those two roles, and moves everything else: tints go lighter and airier, the neutrals shift from warm to cool gray, the darkest steps go deeper so text gains contrast, and the typeface changes entirely. On the shelf, the product is found without hesitation. The refresh reads as they’ve cleaned things up, not they’ve changed.

The refresh that loses it. Same starting point, but during concept work the teal drifts toward blue — a hue shift of ≈20°, each step of it defensible in isolation, the whole described in the deck as “slightly modernized.” In the shelf test — the glance-speed check of whether people spot the product among its neighbors — hesitation appears, and some shoppers reach for a neighbor first. Twenty degrees is roughly the distance from a teal to a clear blue: slightly at the concept table is a different color at three meters.

Why do tokens make the discipline cheap?

Because with a derived color system, keep the hue, refresh the rest is a re-derivation, not a re-negotiation. The pinned hue is held constant as an input, and every dependent value — the tints, the shades, the text pairings, the dark theme — is rebuilt from it in one pass. Without a derived system, the same refresh is hundreds of values renegotiated one by one, with drift sneaking back in through every manual decision. The pin list also stops being an assertion on a slide and becomes something mechanically true: whatever rebuilds automatically was never the equity; what you chose to hold constant is.

Re-derive a palette around a pinned hue — hold the hue, move everything else, and see how much freedom the pin actually leaves.