Color · Primary palette

Brand scale

The brand scale is the source for hero treatments, wordmarks, and accents. Pair only one accent per composition; reserve lime for CTA and on-time signals.

--brand-navy-900#0E2444Operational canvas, hero backdrop
--brand-navy-800#142E55Dark surface, navbar over photo
--brand-navy-700#1C3D6ESidebar, dark table header
--brand-blue-600#2580BCWordmark color, primary on light
--brand-blue-500#3A9BD8Link color, hover state
--brand-blue-300#8FC6E6Soft fills, chips, illustration
--brand-cyan-400#6FD8EFLive data, map polylines
--brand-lime-500#B6FF3DPrimary CTA, on-time signal
--brand-lime-700#5AA22ALime accent on light bg (AA)

State tokens

--accent#B6FF3DPrimary CTA + KPI delta
--success#5AA22ADelivered, despachado, paid
--warning#E08A1FDelay risk, pending docs
--danger#D8453BFailed delivery, customs hold
--info#2580BCInformational badge