Foundations
Colour
Brand palettes and semantic aliases, read live from the token pipeline.
Every value on this page comes straight from @the-armstrong-collective/ui-core/tokens.json,
the JSON artifact Style Dictionary emits alongside tokens.css. Change a DTCG token in
packages/ui-core/tokens/, rebuild, and this page updates with it — nothing here is
hand-copied.
Primitives
The raw brand palettes — the only place a hex value should ever originate.
Armstrong Collective
--mariana-blue#071e32--nightsky#090d16--sandstone#efece9--white#ffffff--green#1d6559--tempered-grey#a1aeb1--purple#927b92--mariana-90#15293c--mariana-80#243648--sandstone-soft#f6f4f1--sandstone-deep#e2ddd7--line#d8d2cbCanyon Spirit
--rustic-orange#b25121--sand#f5ece4--maroon#67200e--twilight#0c3945--sage#787e52--sky#9daec1--shadow#000000--rustic-tint#e0b9a6--sand-tint#f8f3ed--maroon-tint#c2a69f--twilight-tint#9eb0b5--sage-tint#c9cbba--sky-tint#d8dfe6Rocky Mountaineer
--gold#dcae3e--dark-blue#002559--white#ffffff--buff#f1eee9--sky-blue#3cb3e7--glacial-lake#6fa494--dark-grey#575657--goldleaf#dcae3e--silverleaf#8b8d8eSemantic aliases
The DS-facing names (--surface-page, --text-strong, --accent, ...) that components
actually consume, resolved to their current value per brand.
Armstrong Collective
--surface-page#efece9--surface-card#ffffff--surface-sunken#e2ddd7--surface-inverse#071e32--surface-accent#1d6559--text-strong#071e32--text-body#090d16--text-muted#5c6670--text-on-dark#ffffff--text-on-accent#ffffff--border-subtle#d8d2cb--border-strong#071e32--accent#071e32--accent-hover#15293c--accent-press#090d16--accent-soft#e2ddd7--focus-ringcolor-mix(in srgb, #071e32 45%, transparent)--positive#1d6559--info#2f6f8f--warning#9a6a2f--danger#8c2f1d--text-on-positive#ffffff--text-on-info#ffffff--text-on-warning#ffffff--text-on-danger#ffffffCanyon Spirit
--surface-page#f5ece4--surface-card#f8f3ed--surface-sunken#efe3d8--surface-inverse#67200e--surface-accent#b25121--text-strong#67200e--text-body#2c2520--text-muted#8a6f5f--text-on-dark#f5ece4--text-on-accent#f5ece4--border-subtle#e3d3c5--border-strong#b25121--accent#b25121--accent-hover#9a4419--accent-press#67200e--accent-soft#e0b9a6--focus-ringcolor-mix(in srgb, #b25121 50%, transparent)--positive#787e52--info#0c3945Rocky Mountaineer
--surface-page#f1eee9--surface-card#ffffff--surface-sunken#e7e2da--surface-inverse#002559--surface-accent#dcae3e--text-strong#002559--text-body#575657--text-muted#8a8784--text-on-dark#ffffff--text-on-accent#002559--border-subtle#ded8cf--border-strong#002559--accent#002559--accent-hover#001a40--accent-press#001229--accent-soft#e7ecf3--focus-ringcolor-mix(in srgb, #dcae3e 60%, transparent)--positive#6fa494--info#3cb3e7