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

  1. Select a core categorical colour - to create lighter/darker shades
  2. 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
  1. There is a kink in the diverging scale => pick the useful dark/light shade
  2. Switch back to a sequential scale to generate a smooth scale