by London Style Guide p25
Use Chroma.js: https://gka.github.io/palettes/
Avoids colour kinks that occur when you interpolate across the spectrum (p 25)
To create shades of core colours
- In this wheel - use diverging scale

 
To create a sequential scale from core colours
- Select a core categorical colour - to create lighter/darker shades
 - Create dark/light shade by generating ==a diverging scale== with 11 shades
 
- dark: 
#121212, light:#f5f5f5 - 11 shades =>
#121212| 4 darker | core | 4 lighter |#f5f5f5
 
- There is a kink in the diverging scale => pick the useful dark/light shade
 - Switch back to a sequential scale to generate a smooth scale
 
