tsms/src/theme/devias-material-kit/colors.ts

export const neutral = {
  50: "#F8F9FA",
  100: "#F3F4F6",
  200: "#E5E7EB",
  300: "#D2D6DB",
  400: "#9DA4AE",
  500: "#6C737F",
  600: "#4D5761",
  700: "#2F3746",
  800: "#1C2536",
  900: "#111927",
};

// export const primary = {
//   lightest: "#F5F7FF",
//   light: "#EBEEFE",
//   main: "#6366F1",
//   dark: "#4338CA",
//   darkest: "#312E81",
//   contrastText: "#FFFFFF",
// };

export const primary = {
  lightest: "#f9fff5",
  light: "#f9feeb",
  main: "#8dba00",
  dark: "#638a01",
  darkest: "#4a5f14",
  contrastText: "#FFFFFF",
};

export const secondary = {
  lightest: "#F5F7FF",
  light: "#EBEEFE",
  main: "#6366F1",
  dark: "#4338CA",
  darkest: "#312E81",
  contrastText: "#FFFFFF",
};

export const success = {
  lightest: "#F0FDF9",
  light: "#3FC79A",
  main: "#10B981",
  dark: "#0B815A",
  darkest: "#134E48",
  contrastText: "#FFFFFF",
};

export const info = {
  lightest: "#ECFDFF",
  light: "#CFF9FE",
  main: "#06AED4",
  dark: "#0E7090",
  darkest: "#164C63",
  contrastText: "#FFFFFF",
};

export const warning = {
  lightest: "#FFFAEB",
  light: "#FEF0C7",
  main: "#F79009",
  dark: "#B54708",
  darkest: "#7A2E0E",
  contrastText: "#FFFFFF",
};

export const error = {
  lightest: "#FEF3F2",
  light: "#FEE4E2",
  main: "#F04438",
  dark: "#B42318",
  darkest: "#7A271A",
  contrastText: "#FFFFFF",
};