Tailwind Color Generator

Primary
100
#ffffff
200
#ffebfb
300
#ffd1e1
400
#ffb8c8
500
#ff9faf
600
#e48797
700
#ca6f80
800
#b05869
900
#974154
Info
100
#edffff
200
#d2ffff
300
#b8ffff
400
#9eecff
500
#84d2ef
600
#6bb9d5
700
#50a1bc
800
#3589a4
900
#0f728c

Warning
100
#ffffaa
200
#ffff91
300
#ffff78
400
#ffea5e
500
#ffd145
600
#e3b829
700
#c8a000
800
#ad8900
900
#937200
Success
100
#e7ffc2
200
#cdffa8
300
#b2ff8f
400
#98fc77
500
#7ee25f
600
#64c847
700
#48af2e
800
#2a9610
900
#007f00

Danger
100
#ffb9b5
200
#ff9f9d
300
#ff8585
400
#ff6b6e
500
#ff5058
600
#e23343
700
#c5072f
800
#a9001c
900
#8d0009
Gray
100
#ffffff
200
#ffffff
300
#ffecee
400
#e7d2d5
500
#cdb9bc
600
#b5a1a3
700
#9c898c
800
#857375
900
#6e5c5f
{
  primary: {
    100: "#ffffff",
    200: "#ffebfb",
    300: "#ffd1e1",
    400: "#ffb8c8",
    500: "#ff9faf",
    600: "#e48797",
    700: "#ca6f80",
    800: "#b05869",
    900: "#974154"
  },
  info: {
    100: "#edffff",
    200: "#d2ffff",
    300: "#b8ffff",
    400: "#9eecff",
    500: "#84d2ef",
    600: "#6bb9d5",
    700: "#50a1bc",
    800: "#3589a4",
    900: "#0f728c"
  },
  warning: {
    100: "#ffffaa",
    200: "#ffff91",
    300: "#ffff78",
    400: "#ffea5e",
    500: "#ffd145",
    600: "#e3b829",
    700: "#c8a000",
    800: "#ad8900",
    900: "#937200"
  },
  success: {
    100: "#e7ffc2",
    200: "#cdffa8",
    300: "#b2ff8f",
    400: "#98fc77",
    500: "#7ee25f",
    600: "#64c847",
    700: "#48af2e",
    800: "#2a9610",
    900: "#007f00"
  },
  danger: {
    100: "#ffb9b5",
    200: "#ff9f9d",
    300: "#ff8585",
    400: "#ff6b6e",
    500: "#ff5058",
    600: "#e23343",
    700: "#c5072f",
    800: "#a9001c",
    900: "#8d0009"
  },
  gray: {
    100: "#ffffff",
    200: "#ffffff",
    300: "#ffecee",
    400: "#e7d2d5",
    500: "#cdb9bc",
    600: "#b5a1a3",
    700: "#9c898c",
    800: "#857375",
    900: "#6e5c5f"
  }
}