| Name | Hex | RGB | Use |
|---|
| Jet | #0A0A0C | 10/10/12 | Primary surface. Brand backgrounds, product casings, gear. |
| Graphite | #1F2226 | 31/34/38 | Secondary dark. UI chrome, elevated surfaces in dark mode. |
| Steel | #3A3F45 | 58/63/69 | Tertiary dark. Dividers, borders, muted type on dark. |
| Signal | #FF4A1C | 255/74/28 | The accent. Status lights, go-buttons, active states. Sparingly. |
| Cream | #F2EFE8 | 242/239/232 | Inverse surface. Type on dark. Light-mode backgrounds. |
| Fog | #9CA0A6 | 156/160/166 | Neutral grey. Metadata, captions, secondary type. |
| Name | Hex | Use |
|---|
| Armed | #3DB273 | Cue armed / track locked / system ready. |
| Warn | #E6B54A | Soft warning / pending state / stale deck. |
| Halt | #C03A3A | Panic / error / destructive action. |
| Signal | #FF4A1C | Active brand accent. Only one per view. |
| Name | Hex | Use |
|---|
| Paper | #F6F5F1 | App background. |
| Ink | #111318 | Primary type. |
| Slate | #2B2F36 | Surface-2 on dark-mode app. |
| Cyan | #6AD5D3 | Interactive accent, links, focus rings. |
| Ember | #E66A3E | Secondary accent / highlights. |
On any brand surface:
- 70% Jet + Cream foundation
- 20% Graphite / Steel / Fog midtones
- 10% Signal
- Brand / marketing — Jet bg · Cream type · Signal accent
- App UI / light — Paper bg · Ink type · Cyan interactive
- App UI / dark — Slate bg · Cream type · Cyan interactive
- Hero moments — Paper or Jet · Signal accent
- All primary type/background pairings clear WCAG AA at 16px body (4.5:1) and AAA at 24px+ display (7:1).
- Signal on Jet = AAA.
- Fog on Paper = AA at 16px only. Never set body type in Fog on Cream.
Palette tokens are the machine-readable source. Edit helm-palette.json and re-export; never hand-edit the derivative files.
