Pick the colours the customer will actually get

Roof, wall, trim, wainscot and framing lumber colours chosen from named steel finishes, stored on the design and carried through to the estimate and the customer portal.

What it is

Named swatch palettes the builder actually paints with: roof (Charcoal, Black, Burnished Slate, Crimson, Gallery Blue, Hunter Green), wall (Light Stone, Polar White, Ash Gray, Tan, Clay, Charcoal), wainscot (the wall palette plus Rustic Red-brown) and framing lumber (SYP Pine, Whitewood, Cedar, Red Oak, Walnut, Dark Walnut). Colours live on the spec so a saved design re-renders identically.

Also called: colour selection · color picker · roof colour · wall colour · trim colour · steel colours

See it
Pick the colours the customer will actually get
🔒ridgelinepostframe.com/project/colour778
40×64 Shop
Framing · on schedule
Swatch rows in the design panel (rectangular chips) beside the same building rendered in two colour schemes. Sample data — no customer information appears here.
How it works
  1. 1The swatches are rectangles, not pills, per the platform brand rule, and the same list drives the Estimates colour rows.
  2. 2swatchByHex() resolves a stored hex back to its NAME so the estimate and the portal print 'Rustic Red-brown' rather than a hex code.
  3. 3The estimate's colour rows read the spec for roof, wall, trim, wainscot and lumber, and read the opening finish for window, walk-door and garage-door colours; anything from the builder that has no name shows as 'From 3D builder'.
  4. 4The takeoff deliberately ignores colours — colour-to-SKU binding is a later step — so a finish change never disturbs quantities.
Why we built it

The colour a customer picks has to be the same colour in the render, on the estimate and in the portal, or they are choosing off one list and buying off another. Selection resolves through a single palette, so the swatch on the summary is the exact colour the model is showing. A default wainscot brown that appeared on the starting buildings but in no palette used to print as a raw hex code — including on the customer's own portal page, which is what a colour with no name looks like to the person paying for it.

The problem
  • Colour picked in the model and re-picked separately on the estimate.
  • Unnamed colours reaching a customer-facing document.
Sound familiar?
What you get
One colour choice flows model to estimate to portal.
Every colour has a name a supplier recognises.
Saved designs re-render in the same finishes.
What's inside

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 →