Color

Brand · Sky

11-step scale. sky-700 is primary brand. sky-600 is the default interactive primary (links, primary buttons in motion). Use 50–200 for soft surfaces and badges; 800–950 for dark-mode primaries and contrast type.

Neutrals · Slate

Cool slate reads as technical and modern alongside sky. Use 50–200 for muted backgrounds, 300–400 for borders, 500–600 for muted text, 700–950 for body and high-contrast type.

Semantic · Feedback

Full 11-step ramps for each state. Tier 50/100 for soft backgrounds, 500 for icons and accents, 700 for text on soft backgrounds, 800/900 for deep accents and badges, 950 for elevated dark surfaces. Intermediate stops fill chart gradients and hover states.

Success — emerald

Approved supplements, completed inspections, green-light indicators.

Warning — amber

Pending reviews, missing fields, attention-required states.

Danger — red

Rejected submissions, out-of-scope citations, destructive actions.

Info — blue

Neutral system messaging, informational notices, in-progress states.

Domain · Hail intensity

Calibrated for radar overlays and storm event severity. The 5 named bins (100/300/500/700/900) align with MESH hail-size tiers and ship with a size legend below — color alone is insufficient evidence. The full 11-step ramp fills gradient interpolation in heat-map overlays.

Bin legend (5 named tiers)

Full ramp (11 stops for gradient interpolation)

Semantic tokens · Light

What product code references. Tokens map to scale steps; if you need a new shade, add it to the scale and assign a token.

CRM job hub tokens

Layout aliases for authenticated CRM job pages. These preserve the approved Property tab shape: floating outline rail, center command stack, right action rail, and a real interactive map with predictable responsive height.

Semantic tokens · Status

Theme-aware status aliases (added 2026-07-18). Product code uses these — not raw ramp steps — for status surfaces; the dark theme remaps them to translucent tints + 300-step text automatically. Each hue also ships a --*-border (30% tint outline). .sc-card-success/warning/danger/info consume them.

Companion · ISO CRM dark palette

The native iOS app and the approved ISO CRM design (2026-07-15 handoff) speak this palette — published in tokens.css so docs, previews, and the iOS DesignSystem bridge read one sheet. Web /app adoption is a re-theme decision, not implied. Badge/chip tint formula: color-mix(in srgb, var(--iso-*) 13–16%, transparent). Full anatomy: the handoff's 05_AGENT_IMPLEMENTATION_SPEC and the iOS & iPadOS platform page.

Accessibility

All token pairings used for text meet WCAG AA at minimum. Body text on bg achieves AAA. Primary on white passes AA Large; primary-soft-fg on primary-soft passes AA at all sizes.