design-token.js

export const colors = {
  white: '#ffffff',
  black: '#000000',
  slate: '#E4E5E7',
  primary: {
    DEFAULT: '#009647',
    50: '#edfff5',
    100: '#d6ffe9',
    200: '#afffd4',
    300: '#71ffb4',
    400: '#2dfb8c',
    500: '#02e56d',
    600: '#00bf56',
    700: '#009647',
    800: '#06753b',
    900: '#085f33',
    950: '#00361a',
  },

  'primary-2': {
    DEFAULT: '#175349',
    50: '#f1fcf8',
    100: '#d0f7eb',
    200: '#a2edd7',
    300: '#6bddbf',
    400: '#3cc5a5',
    500: '#23a98c',
    600: '#198873',
    700: '#186d5d',
    800: '#175349',
    900: '#184940',
    950: '#082b26',
  },

  secondary: {
    DEFAULT: '#f8bf02',
    50: '#fffeea',
    100: '#fffcc5',
    200: '#fff986',
    300: '#fff047',
    400: '#ffe21d',
    500: '#f8bf02',
    600: '#e09700',
    700: '#ba6c03',
    800: '#96530a',
    900: '#7c440b',
    950: '#472301',
  },

  success: {
    DEFAULT: '#53cc55',
    50: '#f1fcf1',
    100: '#dff9df',
    200: '#c1f1c1',
    300: '#91e492',
    400: '#53cc55',
    500: '#34b337',
    600: '#259427',
    700: '#217423',
    800: '#1f5c21',
    900: '#1b4c1d',
    950: '#092a0c',
  },

  info: {
    DEFAULT: '#1b81f7',
    50: '#eef9ff',
    100: '#d9f0ff',
    200: '#bbe5ff',
    300: '#8dd6ff',
    400: '#57bdff',
    500: '#309eff',
    600: '#1b81f7',
    700: '#1268e3',
    800: '#1554b8',
    900: '#174991',
    950: '#132d58',
  },

  warning: {
    DEFAULT: '#ffb800',
    50: '#fffeea',
    100: '#fff9c5',
    200: '#fff485',
    300: '#ffe846',
    400: '#ffd81b',
    500: '#ffb800',
    600: '#e28d00',
    700: '#bb6302',
    800: '#984c08',
    900: '#7c3f0b',
    950: '#482000',
  },

  error: {
    DEFAULT: '#ff601c',
    50: '#fff5ed',
    100: '#ffe8d4',
    200: '#ffcda8',
    300: '#ffaa70',
    400: '#ff7b37',
    500: '#ff601c',
    600: '#f03c06',
    700: '#c72a07',
    800: '#9e220e',
    900: '#7f200f',
    950: '#450c05',
  },

  neutral: {
    DEFAULT: '#53cc55',
    50: '#f1fcf1',
    100: '#f1fcf1',
    200: '#dff9df',
    300: '#c1f1c1',
    400: '#91e492',
    500: '#53cc55',
    600: '#34b337',
    700: '#259427',
    800: '#217423',
    900: '#1f5c21',
    950: '#1b4c1d',
  },

  grey: {
    DEFAULT: '#6d6d6d',
    50: '#f6f6f6',
    100: '#e7e7e7',
    200: '#d1d1d1',
    300: '#b0b0b0',
    400: '#808080',
    500: '#6d6d6d',
    600: '#5d5d5d',
    700: '#4f4f4f',
    800: '#454545',
    900: '#3d3d3d',
    950: '#262626',
  },
};