Color

Principles

1. Amber is the only brand accent. Don't introduce additional brand hues.
2. Red and green are reserved for status. Never decorative — only delta, error, success, brake, throttle.
3. One surface family at a time. Dark (navy) or light (paper). Don't mix within a single surface.
4. Telemetry channels share the brand vocabulary. Throttle is the same green as "ok." Brake is the same red as "critical."

Dark surfaces

Token	Hex	Role
navy-900	#0A1628	Root surface
navy-800	#0E2139	Elevated surface
navy-700	#12304F	Panel, selected state
steel-500	#6B7A8F	Muted text, rule lines, reference trace
cream-50	#F4EFE2	Primary text, primary chart trace

Light surfaces

Token	Hex	Role
paper-100	#F9F6EF	Root surface
paper-200	#EFE9DB	Elevated surface
graphite-500	#8E939A	Muted text
graphite-700	#3B3F47	Body text
graphite-900	#14161A	Heading text

Brand & signal

Token	Hex	Role
amber-500	#F5B301	Brand primary. CTAs, focus, brand dot
amber-400	#FFD35A	Hover / highlight
amber-600	#C58E00	Pressed / shadow
signal-red	#E5463A	Critical / slower delta / brake
signal-green	#3DBD6A	OK / faster delta / throttle
signal-blue	#3A8DD4	Info / gear / RPM

Telemetry channels

Channel	Token	Notes
Speed	cream-50	Primary trace, always cream
Throttle	signal-green	Input — go
Brake	signal-red	Input — stop
Steering	amber-500	Input — turn
Gear / RPM	signal-blue	Secondary channel
Reference lap	steel-500	Ghost / comparison, always dashed (stroke-dasharray 3 4)

Accessibility

• All text/background combinations meet WCAG AA contrast (≥ 4.5:1 for body, ≥ 3:1 for large)
• amber-500 on navy-900 ratio: 11.4:1 (AAA)
• cream-50 on navy-900 ratio: 14.8:1 (AAA)
• graphite-700 on paper-100 ratio: 10.1:1 (AAA)
• signal-red on navy-900 ratio: 4.6:1 (AA for body)