colors.js

export const colors = {
  grey_100: '#FFF',
  grey_150: '#F2F2F2',
  grey_200: '#E6E6E6',
  grey_250: '#D9D9D9',
  grey_300: '#CCC',
  grey_350: '#B3B3B3',
  grey_400: '#999',
  grey_450: '#808080',
  grey_500: '#666',
  grey_600: '#4D4D4D',
  grey_700: '#333',
  grey_800: '#191919',
  grey_900: '#000',

  blue_200: '#D1D6FF',
  blue_300: '#9389FD',

  red_200: '#FFE2E0',
  red_250: '#FFCCC8',
  red_300: '#FD8D81',
  red_350: '#FB6A58',
  red_400: '#F84D35',

  primary: '#F84D35',
  primary_container: '#FFE2E0',
  primary_outline: '#FD8D81',
  on_primary_container: '#731100',
  secondary: '#9389FD',
  secondary_container: 'D1D6FF',
  outline: 'rgba(0, 0, 0, 0.12)',
}

export const categoryColors = [
  '#F84D35',
  '#FFC26E',
  '#FFE600',
  '#A6DB86',
  '#9AE3CD',
  '#63AFE6',
  '#9389FD',
  '#B79AE3',
  '#CE8282',
  '#FAA7D4',
]

export const homeCategoryColors = [
  '#FCB8AE',
  '#FFE7C5',
  '#FFF599',
  '#DBF1CF',
  '#D7F4EB',
  '#C1DFF5',
  '#D4D0FE',
  '#E2D7F4',
  '#ECCDCD',
  '#FDDCEE',
]