message: protocol designer: 21 colors instead of ~8
diff: @@ -40,7 +40,29 @@ export const SELECTABLE_CLASS = 'ot-selectable'
  // TODO factor into CSS or constants or elsewhere
  export const swatchColors = n => {
  - const colors = ['blue', 'orange', 'red', 'purple', 'green', 'yellow', 'brown', 'pink']
  + const colors = [
  + '#e6194b',
  + '#3cb44b',
  + '#ffe119',
  + '#0082c8',
  + '#f58231',
  + '#911eb4',
  + '#46f0f0',
  + '#f032e6',
  + '#d2f53c',
  + '#fabebe',
  + '#008080',
  + '#e6beff',
  + '#aa6e28',
  + '#fffac8',
  + '#800000',
  + '#aaffc3',
  + '#808000',
  + '#ffd8b1',
  + '#000080',
  + '#808080',
  + '#000000'
  + ]
  return colors[n % colors.length]
  }
  