Slightly less horrible color palette

web/components/charts/contract/choice.tsx

@@ -19,62 +19,59 @@ import { MultiPoint, MultiValueHistoryChart } from '../generic-charts'
 import { Row } from 'web/components/layout/row'
 import { Avatar } from 'web/components/avatar'
 
-// thanks to https://observablehq.com/@jonhelfman/optimal-orders-for-choosing-categorical-colors
 export const CATEGORY_COLORS = [
-  '#00b8dd',
+  '#7eb0d5',
-  '#eecafe',
+  '#fd7f6f',
-  '#874c62',
+  '#b2e061',
-  '#6457ca',
+  '#bd7ebe',
-  '#f773ba',
+  '#ffb55a',
-  '#9c6bbc',
+  '#ffee65',
-  '#a87744',
+  '#beb9db',
-  '#af8a04',
+  '#fdcce5',
-  '#bff9aa',
+  '#8bd3c7',
-  '#f3d89d',
+  '#bddfb7',
-  '#c9a0f5',
+  '#e2e3f3',
-  '#ff00e5',
+  '#fafafa',
-  '#9dc6f7',
+  '#9fcdeb',
-  '#824475',
+  '#d3d3d3',
-  '#d973cc',
+  '#b1a296',
-  '#bc6808',
+  '#e1bdb6',
-  '#056e70',
+  '#f2dbc0',
-  '#677932',
+  '#fae5d3',
-  '#00b287',
+  '#c5e0ec',
-  '#c8ab6c',
+  '#e0f0ff',
-  '#a2fb7a',
+  '#ffddcd',
-  '#f8db68',
+  '#fbd5e2',
-  '#14675a',
+  '#f2e7e5',
-  '#8288f4',
+  '#ffe7ba',
-  '#fe1ca0',
+  '#eed9c4',
-  '#ad6aff',
+  '#ea9999',
-  '#786306',
+  '#f9cb9c',
-  '#9bfbaf',
+  '#ffe599',
-  '#b00cf7',
+  '#b6d7a8',
-  '#2f7ec5',
+  '#a2c4c9',
-  '#4b998b',
+  '#9fc5e8',
-  '#42fa0e',
+  '#b4a7d6',
-  '#5b80a1',
+  '#d5a6bd',
-  '#962d9d',
+  '#e06666',
-  '#3385ff',
+  '#f6b26b',
-  '#48c5ab',
+  '#ffd966',
-  '#b2c873',
+  '#93c47d',
-  '#4cf9a4',
+  '#76a5af',
-  '#00ffff',
+  '#6fa8dc',
-  '#3cca73',
+  '#8e7cc3',
-  '#99ae17',
+  '#c27ba0',
-  '#7af5cf',
+  '#cc0000',
-  '#52af45',
+  '#e69138',
-  '#fbb80f',
+  '#f1c232',
-  '#29971b',
+  '#6aa84f',
-  '#187c9a',
+  '#45818e',
-  '#00d539',
+  '#3d85c6',
-  '#bbfa1a',
+  '#674ea7',
-  '#61f55c',
+  '#a64d79',
-  '#cabc03',
+  '#990000',
-  '#ff9000',
+  '#b45f06',
-  '#779100',
+  '#bf9000',
-  '#bcfd6f',
-  '#70a560',
 ]
 
 const MARGIN = { top: 20, right: 10, bottom: 20, left: 40 }