palettes.js

export const categoricalLight = [
  {
    name: 'Purple 70',
    hex: '6929c4',
    light: true,
  },
  {
    name: 'Cyan 50',
    hex: '1192e8',
    light: false,
  },
  {
    name: 'Teal 70',
    hex: '005d5d',
    light: true,
  },
  {
    name: 'Magenta 70',
    hex: '9f1853',
    light: true,
  },
  {
    name: 'Red 50',
    hex: 'fa4d56',
    light: false,
  },
  {
    name: 'Red 90',
    hex: '570408',
    light: true,
  },
  {
    name: 'Green 60',
    hex: '198038',
    light: true,
  },
  {
    name: 'Blue 80',
    hex: '002d9c',
    light: true,
  },
  {
    name: 'Magenta 50',
    hex: 'ee538b',
    light: false,
  },
  {
    name: 'Yellow 50',
    hex: 'b28600',
    light: false,
  },
  {
    name: 'Teal 50',
    hex: '009d9a',
    light: false,
  },
  {
    name: 'Cyan 90',
    hex: '012749',
    light: true,
  },
  {
    name: 'Orange 70',
    hex: '8a3800',
    light: true,
  },
  {
    name: 'Purple 50',
    hex: 'a56eff',
    light: false,
  },
];

export const oneColorLight = [
  [
    {
      name: 'Purple 70',
      hex: '6929c4',
      light: true,
    },
  ],
  [
    {
      name: 'Blue 80',
      hex: '002d9c',
      light: true,
    },
  ],
  [
    {
      name: 'Cyan 50',
      hex: '1192e8',
      light: false,
    },
  ],
  [
    {
      name: 'Teal 70',
      hex: '005d5d',
      light: true,
    },
  ],
];

export const twoColorLight = [
  [
    {
      name: 'Purple 70',
      hex: '6929c4',
      light: true,
    },
    {
      name: 'Teal 50',
      hex: '009d9a',
      light: false,
    },
  ],
  [
    {
      name: 'Purple 60',
      hex: '8a3ffc',
      light: true,
    },
    {
      name: 'Red 90',
      hex: '570408',
      light: true,
    },
  ],
  [
    {
      name: 'Magenta 70',
      hex: '9f1853',
      light: true,
    },
    {
      name: 'Red 90',
      hex: '570408',
      light: true,
    },
  ],
  [
    {
      name: 'Cyan 50',
      hex: '1192e8',
      light: false,
    },
    {
      name: 'Teal 70',
      hex: '005d5d',
      light: true,
    },
  ],
  [
    {
      name: 'Teal 50',
      hex: '009d9a',
      light: false,
    },
    {
      name: 'Blue 80',
      hex: '002d9c',
      light: true,
    },
  ],
];

export const threeColorLight = [
  [
    {
      name: 'Purple 50',
      hex: 'a56eff',
      light: true,
    },
    {
      name: 'Teal 70',
      hex: '005d5d',
      light: true,
    },
    {
      name: 'Magenta 70',
      hex: '9f1853',
      light: true,
    },
  ],
  [
    {
      name: 'Magenta 70',
      hex: '9f1853',
      light: true,
    },
    {
      name: 'Red 50',
      hex: 'fa4d56',
      light: true,
    },
    {
      name: 'Red 90',
      hex: '570408',
      light: true,
    },
  ],
  [
    {
      name: 'Purple 50',
      hex: 'a56eff',
      light: true,
    },
    {
      name: 'Teal 70',
      hex: '005d5d',
      light: true,
    },
    {
      name: 'Blue 80',
      hex: '002d9c',
      light: true,
    },
  ],
  [
    {
      name: 'Magenta 50',
      hex: 'ee538b',
      light: false,
    },
    {
      name: 'Cyan 50',
      hex: '1192e8',
      light: false,
    },
    {
      name: 'Purple 70',
      hex: '6929c4',
      light: true,
    },
  ],
  [
    {
      name: 'Cyan 90',
      hex: '012749',
      light: true,
    },
    {
      name: 'Purple 70',
      hex: '6929c4',
      light: true,
    },
    {
      name: 'Teal 50',
      hex: '009d9a',
      light: false,
    },
  ],
];

export const fourColorLight = [
  [
    {
      name: 'Magenta 70',
      hex: '9f1853',
      light: true,
    },
    {
      name: 'Red 50',
      hex: 'fa4d56',
      light: true,
    },
    {
      name: 'Red 90',
      hex: '570408',
      light: true,
    },
    {
      name: 'Purple 50',
      hex: 'a56eff',
      light: true,
    },
  ],
  [
    {
      name: 'Purple 70',
      hex: '6929c4',
      light: true,
    },
    {
      name: 'Cyan 90',
      hex: '012749',
      light: true,
    },
    {
      name: 'Teal 50',
      hex: '009d9a',
      light: false,
    },
    {
      name: 'Magenta 50',
      hex: 'ee538b',
      light: false,
    },
  ],
  [
    {
      name: 'Teal 50',
      hex: '009d9a',
      light: false,
    },
    {
      name: 'Blue 80',
      hex: '002d9c',
      light: true,
    },
    {
      name: 'Purple 50',
      hex: 'a56eff',
      light: true,
    },
    {
      name: 'Magenta 70',
      hex: '9f1853',
      light: true,
    },
  ],
];

export const fiveColorLight = [
  [
    {
      name: 'Purple 70',
      hex: '6929c4',
      light: true,
    },
    {
      name: 'Cyan 50',
      hex: '1192e8',
      light: false,
    },
    {
      name: 'Teal 70',
      hex: '005d5d',
      light: true,
    },
    {
      name: 'Magenta 70',
      hex: '9f1853',
      light: true,
    },
    {
      name: 'Red 90',
      hex: '570408',
      light: true,
    },
  ],
  [
    {
      name: 'Blue 80',
      hex: '002d9c',
      light: true,
    },
    {
      name: 'Teal 50',
      hex: '009d9a',
      light: false,
    },
    {
      name: 'Magenta 70',
      hex: '9f1853',
      light: true,
    },
    {
      name: 'Red 90',
      hex: '570408',
      light: true,
    },
    {
      name: 'Purple 50',
      hex: 'a56eff',
      light: true,
    },
  ],
];

export const categoricalDark = [
  {
    name: 'Purple 60',
    hex: '8a3ffc',
    light: true,
  },
  {
    name: 'Cyan 40',
    hex: '33b1ff',
    light: false,
  },
  {
    name: 'Teal 60',
    hex: '007d79',
    light: true,
  },
  {
    name: 'Magenta 40',
    hex: 'ff7eb6',
    light: false,
  },
  {
    name: 'Red 50',
    hex: 'fa4d56',
    light: false,
  },
  {
    name: 'Red 10',
    hex: 'fff1f1',
    light: false,
  },
  {
    name: 'Green 30',
    hex: '6fdc8c',
    light: false,
  },
  {
    name: 'Blue 50',
    hex: '4589ff',
    light: false,
  },
  {
    name: 'Magenta 60',
    hex: 'd12771',
    light: true,
  },
  {
    name: 'Yellow 40',
    hex: 'd2a106',
    light: false,
  },
  {
    name: 'Teal 40',
    hex: '08bdba',
    light: false,
  },
  {
    name: 'Cyan 20',
    hex: 'bae6ff',
    light: false,
  },
  {
    name: 'Orange 60',
    hex: 'ba4e00',
    light: true,
  },
  {
    name: 'Purple 30',
    hex: 'd4bbff',
    light: false,
  },
];

export const oneColorDark = [
  [
    {
      name: 'Purple 30',
      hex: 'd4bbff',
      light: false,
    },
  ],
  [
    {
      name: 'Blue 50',
      hex: '4589ff',
      light: false,
    },
  ],
  [
    {
      name: 'Cyan 40',
      hex: '33b1ff',
      light: false,
    },
  ],
  [
    {
      name: 'Teal 40',
      hex: '08bdba',
      light: false,
    },
  ],
];

export const twoColorDark = [
  [
    {
      name: 'Purple 60',
      hex: '8a3ffc',
      light: true,
    },
    {
      name: 'Teal 40',
      hex: '08bdba',
      light: false,
    },
  ],
  [
    {
      name: 'Purple 60',
      hex: '8a3ffc',
      light: true,
    },
    {
      name: 'Magenta 40',
      hex: 'ff7eb6',
      light: false,
    },
  ],
  [
    {
      name: 'Magenta 40',
      hex: 'ff7eb6',
      light: false,
    },
    {
      name: 'Red 10',
      hex: 'fff1f1',
      light: false,
    },
  ],
  [
    {
      name: 'Blue 50',
      hex: '4589ff',
      light: false,
    },
    {
      name: 'Cyan 20',
      hex: 'bae6ff',
      light: false,
    },
  ],
  [
    {
      name: 'Teal 60',
      hex: '007d79',
      light: true,
    },
    {
      name: 'Green 30',
      hex: '6fdc8c',
      light: false,
    },
  ],
];

export const threeColorDark = [
  [
    {
      name: 'Purple 60',
      hex: '8a3ffc',
      light: true,
    },
    {
      name: 'Teal 40',
      hex: '08bdba',
      light: false,
    },
    {
      name: 'Cyan 20',
      hex: 'bae6ff',
      light: false,
    },
  ],
  [
    {
      name: 'Purple 60',
      hex: '8a3ffc',
      light: true,
    },
    {
      name: 'Magenta 40',
      hex: 'ff7eb6',
      light: false,
    },
    {
      name: 'Red 10',
      hex: 'fff1f1',
      light: false,
    },
  ],
  [
    {
      name: 'Blue 50',
      hex: '4589ff',
      light: false,
    },
    {
      name: 'Teal 40',
      hex: '08bdba',
      light: false,
    },
    {
      name: 'Purple 30',
      hex: 'd4bbff',
      light: false,
    },
  ],
  [
    {
      name: 'Blue 50',
      hex: '4589ff',
      light: false,
    },
    {
      name: 'Green 30',
      hex: '6fdc8c',
      light: false,
    },
    {
      name: 'Red 10',
      hex: 'fff1f1',
      light: false,
    },
  ],
  [
    {
      name: 'Teal 60',
      hex: '012749',
      light: true,
    },
    {
      name: 'Green 30',
      hex: '6fdc8c',
      light: false,
    },
    {
      name: 'Cyan 20',
      hex: 'bae6ff',
      light: false,
    },
  ],
];

export const fourColorDark = [
  [
    {
      name: 'Purple 60',
      hex: '8a3ffc',
      light: true,
    },
    {
      name: 'Teal 40',
      hex: '08bdba',
      light: false,
    },
    {
      name: 'Cyan 20',
      hex: 'bae6ff',
      light: false,
    },
    {
      name: 'Blue 50',
      hex: '4589ff',
      light: false,
    },
  ],
  [
    {
      name: 'Blue 50',
      hex: '4589ff',
      light: false,
    },
    {
      name: 'Teal 40',
      hex: '08bdba',
      light: false,
    },
    {
      name: 'Purple 30',
      hex: 'd4bbff',
      light: false,
    },
    {
      name: 'Red 10',
      hex: 'fff1f1',
      light: false,
    },
  ],
  [
    {
      name: 'Teal 60',
      hex: '007d79',
      light: true,
    },
    {
      name: 'Red 10',
      hex: 'fff1f1',
      light: false,
    },
    {
      name: 'Cyan 40',
      hex: '33b1ff',
      light: false,
    },
    {
      name: 'Green 30',
      hex: '6fdc8c',
      light: false,
    },
  ],
];

export const fiveColorDark = [
  [
    {
      name: 'Purple 60',
      hex: '8a3ffc',
      light: true,
    },
    {
      name: 'Teal 40',
      hex: '08bdba',
      light: false,
    },
    {
      name: 'Cyan 20',
      hex: 'bae6ff',
      light: false,
    },
    {
      name: 'Blue 50',
      hex: '4589ff',
      light: false,
    },
    {
      name: 'Magenta 40',
      hex: 'ff7eb6',
      light: false,
    },
  ],
  [
    {
      name: 'Blue 50',
      hex: '4589ff',
      light: false,
    },
    {
      name: 'Teal 40',
      hex: '08bdba',
      light: false,
    },
    {
      name: 'Purple 30',
      hex: 'd4bbff',
      light: false,
    },
    {
      name: 'Red 10',
      hex: 'fff1f1',
      light: false,
    },
    {
      name: 'Green 30',
      hex: '6fdc8c',
      light: false,
    },
  ],
];

const monoSequentialOne = [
  {
    name: 'Blue 10',
    hex: 'edf5ff',
    light: false,
  },
  {
    name: 'Blue 20',
    hex: 'd0e2ff',
    light: false,
  },
  {
    name: 'Blue 30',
    hex: 'a6c8ff',
    light: false,
  },
  {
    name: 'Blue 40',
    hex: '78a9ff',
    light: false,
  },
  {
    name: 'Blue 50',
    hex: '4589ff',
    light: false,
  },
  {
    name: 'Blue 60',
    hex: '0f62fe',
    light: true,
  },
  {
    name: 'Blue 70',
    hex: '0043ce',
    light: true,
  },
  {
    name: 'Blue 80',
    hex: '002d9c',
    light: true,
  },
  {
    name: 'Blue 90',
    hex: '001d6c',
    light: true,
  },
  {
    name: 'Blue 100',
    hex: '001141',
    light: true,
  },
];

const monoSequentialTwo = [
  {
    name: 'Purple 10',
    hex: 'f6f2ff',
    light: false,
  },
  {
    name: 'Purple 20',
    hex: 'e8daff',
    light: false,
  },
  {
    name: 'Purple 30',
    hex: 'd4bbff',
    light: false,
  },
  {
    name: 'Purple 40',
    hex: 'be95ff',
    light: false,
  },
  {
    name: 'Purple 50',
    hex: 'a56eff',
    light: false,
  },
  {
    name: 'Purple 60',
    hex: '8a3ffc',
    light: true,
  },
  {
    name: 'Purple 70',
    hex: '6929c4',
    light: true,
  },
  {
    name: 'Purple 80',
    hex: '491d8b',
    light: true,
  },
  {
    name: 'Purple 90',
    hex: '31135e',
    light: true,
  },
  {
    name: 'Purple 100',
    hex: '1c0f30',
    light: true,
  },
];

const monoSequentialThree = [
  {
    name: 'Cyan 10',
    hex: 'e5f6ff',
    light: false,
  },
  {
    name: 'Cyan 20',
    hex: 'bae6ff',
    light: false,
  },
  {
    name: 'Cyan 30',
    hex: '82cfff',
    light: false,
  },
  {
    name: 'Cyan 40',
    hex: '33b1ff',
    light: false,
  },
  {
    name: 'Cyan 50',
    hex: '1192e8',
    light: false,
  },
  {
    name: 'Cyan 60',
    hex: '0072c3',
    light: true,
  },
  {
    name: 'Cyan 70',
    hex: '00539a',
    light: true,
  },
  {
    name: 'Cyan 80',
    hex: '003a6d',
    light: true,
  },
  {
    name: 'Cyan 90',
    hex: '012749',
    light: true,
  },
  {
    name: 'Cyan 100',
    hex: '1c0f30',
    light: true,
  },
];

const monoSequentialFour = [
  {
    name: 'Teal 10',
    hex: 'd9fbfb',
    light: false,
  },
  {
    name: 'Teal 20',
    hex: '9ef0f0',
    light: false,
  },
  {
    name: 'Teal 30',
    hex: '3ddbd9',
    light: false,
  },
  {
    name: 'Teal 40',
    hex: '08bdba',
    light: false,
  },
  {
    name: 'Teal 50',
    hex: '009d9a',
    light: false,
  },
  {
    name: 'Teal 60',
    hex: '007d79',
    light: true,
  },
  {
    name: 'Teal 70',
    hex: '005d5d',
    light: true,
  },
  {
    name: 'Teal 80',
    hex: '004144',
    light: true,
  },
  {
    name: 'Teal 90',
    hex: '022b30',
    light: true,
  },
  {
    name: 'Teal 100',
    hex: '081a1c',
    light: true,
  },
];

const divergingSequentialOne = [
  {
    name: 'Red 80',
    hex: '750e13',
    light: true,
  },
  {
    name: 'Red 70',
    hex: 'a2191f',
    light: true,
  },
  {
    name: 'Red 60',
    hex: 'da1e28',
    light: true,
  },
  {
    name: 'Red 50',
    hex: 'fa4d56',
    light: false,
  },
  {
    name: 'Red 40',
    hex: 'ff8389',
    light: false,
  },
  {
    name: 'Red 30',
    hex: 'ffb3b8',
    light: false,
  },
  {
    name: 'Red 20',
    hex: 'ffd7d9',
    light: false,
  },
  {
    name: 'Red 10',
    hex: 'fff1f1',
    light: false,
  },
  {
    name: 'Cyan 10',
    hex: 'e5f6ff',
    light: false,
  },
  {
    name: 'Cyan 20',
    hex: 'bae6ff',
    light: false,
  },
  {
    name: 'Cyan 30',
    hex: '82cfff',
    light: false,
  },
  {
    name: 'Cyan 40',
    hex: '33b1ff',
    light: false,
  },
  {
    name: 'Cyan 50',
    hex: '1192e8',
    light: false,
  },
  {
    name: 'Cyan 60',
    hex: '0072c3',
    light: true,
  },
  {
    name: 'Cyan 70',
    hex: '00539a',
    light: true,
  },
  {
    name: 'Cyan 80',
    hex: '003a6d',
    light: true,
  },
];

const divergingSequentialTwo = [
  {
    name: 'Purple 80',
    hex: '491d8b',
    light: true,
  },
  {
    name: 'Purple 70',
    hex: '6929c4',
    light: true,
  },
  {
    name: 'Purple 60',
    hex: '8a3ffc',
    light: true,
  },
  {
    name: 'Purple 50',
    hex: 'a56eff',
    light: false,
  },
  {
    name: 'Purple 40',
    hex: 'be95ff',
    light: false,
  },
  {
    name: 'Purple 30',
    hex: 'd4bbff',
    light: false,
  },
  {
    name: 'Purple 20',
    hex: 'e8daff',
    light: false,
  },
  {
    name: 'Purple 10',
    hex: 'f6f2ff',
    light: false,
  },
  {
    name: 'Teal 10',
    hex: 'd9fbfb',
    light: false,
  },
  {
    name: 'Teal 20',
    hex: '9ef0f0',
    light: false,
  },
  {
    name: 'Teal 30',
    hex: '3ddbd9',
    light: false,
  },
  {
    name: 'Teal 40',
    hex: '08bdba',
    light: false,
  },
  {
    name: 'Teal 50',
    hex: '009d9a',
    light: false,
  },
  {
    name: 'Teal 60',
    hex: '007d79',
    light: true,
  },
  {
    name: 'Teal 70',
    hex: '005d5d',
    light: true,
  },
  {
    name: 'Teal 80',
    hex: '004144',
    light: true,
  },
];

export const monoColors = [
  {
    color: 'blue',
    data: monoSequentialOne,
  },
  {
    color: 'purple',
    data: monoSequentialTwo,
  },
  {
    color: 'cyan',
    data: monoSequentialThree,
  },
  {
    color: 'teal-only',
    data: monoSequentialFour,
  },
];

export const divergingColors = [
  {
    color: 'red',
    data: divergingSequentialOne,
  },
  {
    color: 'teal',
    data: divergingSequentialTwo,
  },
];

export const alert = [
  {
    name: 'Red 60',
    hex: 'da1e28',
    light: true,
  },
  {
    name: 'Orange 40',
    hex: 'ff832b',
    light: false,
  },
  {
    name: 'Green 50',
    hex: '24a148',
    light: false,
  },
  {
    name: 'Yellow 30',
    hex: 'f1c21b',
    light: false,
  },
];