fluid.place

Brand colour workbench · nine stages

Audience in, full system out

A brand colour tool that starts with your customers rather than a colour picker. The walk-through decides what the colour should say and whether that spot is already taken in your category. The last stage turns the result into twelve working roles — the harmony colours become secondary and accent, and the status colours are generated around them so nothing collides. All distances are CIEDE2000. Nothing leaves your browser.

00

Already have a colour?

Optional starting point

If the client has an existing brand colour, enter it and the dials will be back-solved to reproduce it — then you can walk the pipeline forward from where they already are, and see how far any proposal moves them.

#
01

Your customer

Who you're selling to

Answer for the majority of your audience, not the outliers.

What do they want from life?
Things to hold steady —
safety, order, being looked after
Things to change —
challenge, mastery, breaking rules
How do they want to belong?
Part of something —
fitting in, shared moments
Their own way —
independence, standing apart
How alike are they?
Tight niche —
they mostly want the same thing
Broad market —
they vary a lot

02

Where they are

Sets the base colour
Customer market
DefaultW.Eur/N.AmChinaS.AsiaGulf
03

How loud, how serious

Register for this audience
Weight0
SeriousFriendly
Volume0
QuietLoud
Cast
−40°+40°
04

The category

Who's already there

Load a preset or enter your rivals. The map shades every position by how crowded it is — bright means open, dark means someone's standing there.

#

Solid ring = your colour · dashed = archetype base · dots = rivals
Slice at your current lightness · grey = outside sRGB

05

Reconcile

Fidelity vs distinctiveness

If the archetype points somewhere crowded, this searches nearby colours for the best compromise.

What matters more?
Stay true to the archetypeStand apart from rivals

Archetype says

Recommended

06

Harmony

Feeds the roles below
07

The twelve-colour system

Roles, not hues

View as
Surface

Product name

Accent

Body copy on surface, ink for text, border for dividers. The accent is reserved for the single action you want taken.

Primary action Secondary Accent
Saved successfully
Your trial ends in three days
Payment could not be processed
08

Production

Off-screen reality

Screen is the easy case. These are the three places a palette usually breaks once it leaves the browser: press, single-colour reproduction, and anything small enough that thin strokes matter.

09

Save the session

Reasoning, not just colours

A palette without its reasoning is just twelve hexes — six months on, nobody remembers why. The rationale sheet captures every decision and check in one printable page; the session file and share link restore all the dials exactly as they are now.

Method & limits — what this measures and what it doesn't

Colour difference

All distances are CIEDE2000, verified against Sharma's reference pairs. The thresholds used throughout — ΔE 12 for "reads as related", ΔE 23 for "clearly your own" — were calibrated against the pairwise distribution of the seven built-in categories rather than guessed.

Status colours

Success, warning and error start from canonical hues (green 145°, amber 78°, red 28°), are pulled up to 14° toward the brand for family resemblance, then pushed away again if they land within ΔE 18 of the brand, secondary or accent colour.

Colour vision

Simulation uses the Machado, Oliveira & Fernandes (2009) linear-RGB matrices at severity 1.0, which is the dichromatic limit. It therefore covers dichromacy only — not anomalous trichromacy, which is milder and considerably more common. Treat it as a floor, not a clearance: always pair status with an icon and a label.

Archetypes are a framework, not a model

A test of 82 brands across the twelve archetypes found no significant clustering of hue, lightness or chroma by archetype (p = 0.15, 0.32 and 0.70 against a shuffle baseline, n = 6–8 per group). Stages 01–03 are a structured way to have the conversation about what a colour should say, not a predictive model. The category measurements, contrast ratios and print checks are the evidence-backed part.

Competitor data

Preset competitor hexes are widely-published primaries captured at a point in time. Brands change palettes — verify them against current brand guidelines before anything goes to a client.

Not legal advice

Distinctive unoccupied colours are also where registered colour trademarks live. The similarity flag compares your palette against the rivals you entered; it is not a trademark clearance search and says nothing about name, mark or trade dress. Check any final choice with counsel.

Privacy

Everything runs in your browser. The page's own content security policy blocks all network connections, so nothing you type is transmitted or stored anywhere. Sessions live in files you download, or in a link that encodes the settings in the URL.

Created by Shiv · fluid.place © 2026