Distinct stage colours

A curated twelve-colour palette picked so two adjacent bars on the schedule are never confusable.

What it is

Twelve named colours (Amber, Slate Blue, Brown, Blue, Orange, Purple, Green, Teal, Red, Pink, Indigo, Charcoal) assignable per stage. The chosen colour is snapshotted onto the project at start, so the schedule renders each stage in its assigned colour even for custom stages that aren't in the canonical map.

Also called: colour code my stages · stage colours · change stage colour

See it
Distinct stage colours
Apr
May
Jun
Jul
Marlin Hoover — Riding Arena
Framing
Marlin Hoover — Riding Arena
Concrete
Sutter Kline — Hobby Shop
Trim
Sutter Kline — 40×64 Shop
Framing
Marlin Hoover — Riding Arena
Concrete
Framing crewConcrete crewTrim crew
Colour swatch picker open on a stage row in Settings, next to the same stage's bar on the chart — ProjectStagesTab.tsx. Sample data — no customer information appears here.
How it works
  1. 1STAGE_COLOR_PRESETS defines the palette; the editor shows swatches
  2. 2taskColor() prefers the project's own snapshot, then the global canonical map, then a neutral grey
  3. 3Bars are shaded slightly differently for adjacent same-status stages so runs stay divided
Why we built it

Two stages side by side in similar colours read as one bar, and on a board scanned at arm's length that is a crew sent to the wrong job on the wrong day. Stage colours are chosen so no two sit in the same hue family. Custom stages a builder adds carry a colour saved onto the job itself — before that they fell outside the standard set and rendered grey, which is the one colour that tells the reader nothing.

The problem
  • Adjacent bars being visually indistinguishable
  • Custom stages losing their colour
Sound familiar?
What you get
Stages are identifiable at a glance from across the room
Custom and renamed stages keep their colour

See it on your own jobs

Twenty minutes, your numbers, no slide deck. We’ll build one of your real buildings in front of you and send you the estimate link at the end — yours to keep either way.

or keep browsing features →