A signal blue backed by cooler blues and warm neutrals is how people spot STRIDE on a crowded start line.
The palette
Three categories, one order of importance
Core colours do most of the work. The chapter colours — blues from deep navy to sky, and warm neutrals from cream to stone — give each chapter, campaign and sport its own ground. Greys carry structure and never carry the brand.
Core colours
Chapter colours
Greys
| Colour | HEX | Use |
|---|---|---|
| StrideBlue | #0A6CE0 | Our signal colour: the button, the highlight, the one thing to look at. Never a full-bleed field behind body text. |
| Paper | #FFFFFF | The default ground for anything people read. |
| Ink | #191817 | Text, the logo on light grounds, and dark surfaces when a page needs weight. |
Accessibility
Every pairing we publish, measured
Text pairs need 4.5:1; large headlines and graphics need 3:1. These ratios are calculated from the values above every time the page renders.
Core pairings
- White on StrideBlue4.96 :1 · AA text
- Ink on paper17.73 :1 · AA text
- Subtle ink on paper6.40 :1 · AA text
Chapter tiles
- Brand story title on its tile7.58 :1 · AA text
- Voice & Tone title on its tile5.77 :1 · AA text
- Logo title on its tile5.79 :1 · AA text
- Typography title on its tile16.56 :1 · AA text
- Iconography title on its tile4.97 :1 · AA text
- Color title on its tile8.18 :1 · AA text
- Imagery title on its tile4.78 :1 · AA text
- Motion title on its tile5.28 :1 · AA text
Files
Download the palette
Design tokens
Every colour on this page as machine-readable values, so a build can read them rather than retype them.
See how colour works across surfaces
Campaigns may take an accent as a full ground. The logo and the line stay in ink or white.