The brand palette stretched into a chart-ready system. Categorical for distinct series, sequential for magnitude, divergent for above/below a midpoint.
For unordered series (lines, bars, pies). Order matters: when you have only N series, use the first N — they're sequenced by perceptual distinction, not brand pecking order.
Order: Steady Blue → Radiant Gold → Clean Slate → Honest Ochre → Intentional Blue → Calm Blue → Neutral → Grounded Black. Steady Blue + Radiant Gold are the most contrasting pair — they read first.
When you have 2–4 series, use this subset. It's the brand's strongest read at a glance.
All four pass WCAG AA against Clear White text at large sizes. For chart labels on white, use --ink-default — never the chart color.
For magnitude (heatmaps, choropleths, gradient bars). Light = low; dark = high. Each ramp anchors on a brand color and walks toward Clear White.
For comparisons centered on zero (sentiment, change-from-baseline, surplus/deficit). Slate at the negative end, neutral cream in the middle, Ochre at the positive end. Use when the midpoint matters as a reference.
The 4-series subset (Steady Blue · Radiant Gold · Clean Slate · Honest Ochre) is differentiable under deuteranopia and protanopia. Validate any chart with color-blind simulators before shipping.
Add patterns, line styles (solid / dashed / dotted), or labels to every series. Color carries the read; shape carries the meaning when color fails.
Pick the simplest chart that answers the question. The brand prefers a clear bar to a fancy radial. Reserve flourish for true narrative moments.
Axis labels and legend entries: League Spartan 500 at 10px with +0.06em tracking. Number values: League Spartan 500. Never Lora — italics in charts read as casual.
Order categorical series by perceptual distinction (the order on this page) — not by brand hierarchy.
Don't reach for Calm Blue or low-saturation tints as the primary series — they fade against white.
Use sequential ramps when magnitude matters; categorical only when the categories are distinct.
Don't use the rainbow / spectral ramp. It implies an ordering that doesn't exist.
Annotate the chart in plain prose. The headline should say what's happening; the chart should prove it.
Don't make the user squint at a tooltip to find the takeaway.