F5.14.3Functional color systemdesign

Mood-driven colour choices cannot replace a functional, semantic colour system

Aliases: mood palette · emotional colouring

What it is

A new team decides the whole site should feel “energetic”, so error, navigation, charts and empty states all wash coral orange. Energy maybe arrives; status does not: people cannot tell which orange is failure, which is decoration, which is the primary. Mood colouring can be a skin. It cannot replace slots built for function and semantics. Without those slots the page has one feeling and no meaning.

Why it happens

A functional colour system answers “what is happening, what can I do?”: success, error, disabled, primary action, information rank. Mood colour answers “how we wish to be felt”. The first is a code — stable, separable, learnable. The second is rhetoric, allowed to change with a campaign. Filling code-holes with rhetoric collapses every slot onto one hue, and the classifier has no input. The stronger the mood claim, the easier it is to dye every semantic slot the same — replacement, not overlay.

Overlay is allowed: once semantic slots are stable, a limited-area atmosphere colour can bake the brand. Replacement dismantles the slots. Almost every product failure here is replacement.

Where it stops holding

  • A one-action marketing landing page can be almost all mood colour because it has almost no status. Inside a workbench the claim fails.
  • Brand identity colour may cover large areas so long as status slots remain and do not collide with it.
  • Mood words (energy, calm, premium) with no operational definition cannot even be accepted as a skin, and slide toward replacement faster.

Applying it

  • Freeze semantic and functional slots first, then decide which non-status surface may carry atmosphere.
  • In review, switch atmosphere off and see whether error, success and the primary can still be pointed at. If not, replacement has already happened.
  • Do not name status tokens with mood words (energy, calmFill).
  • How to check: list the states this screen must convey, then list the non-neutral colours it uses. More states than separable hues, or every state sharing one “energetic” colour, means the system has been replaced.

Related

  • Same group: F5.14.1 Links between particular hues and emotion are shaky outside the lab · F5.14.2 Emotional responses to colour are strongly moderated by personal history and culture · F5.14.4 Brand tone can be carried by colour without being a reliable universal psychological law
  • Nearby: F5.02 Semantic colour · F5.03 Brand colour and functional colour
  • Search terms: functional color system · mood palette · semantic colour

Cards in the same group

Quick Actions

Share

Share this page

ios_share

https://hci.top/en/handbook/F5.14.3