tailwind.config.js

module.exports = {
  purge: ['./src/**/*.{js,jsx,ts,tsx}', './public/index.html'],
  plugins: [
    require('@tailwindcss/forms'),
    require("tailwindcss-autofill")
  ],
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {
      colors: {
        navy: {
          DEFAULT: '#0747A6',
          "50": "#CAE5FA",
          "100": "#97C9F6",
          "200": "#61A0E4",
          "300": "#3878C9",
          "400": "#0747A6",
          "500": "#05368E",
          "600": "#032877",
          "700": "#021C60",
          "800": "#01144F",
          "900": "#01144F"
        },
        indigo: {
          '50':  '#f9fafb',
          '100': '#ecf0fc',
          '200': '#d9d5f9',
          '300': '#b9afef',
          '400': '#a185e3',
          '500': '#8860da',
          '600': '#7044c9',
          '700': '#5433a5',
          '800': '#3a2377',
          '900': '#201747',
        },
        cerise: {
          '50':  '#fdfcfb',
          '100': '#fbf0ed',
          '200': '#f7cfda',
          '300': '#eda2b6',
          '400': '#ea728d',
          '500': '#dd4e6c',
          '600': '#c6344d',
          '700': '#9e2738',
          '800': '#721b25',
          '900': '#451114',
        },
        cocoa: {
          '50':  '#fcfbf9',
          '100': '#fbf0df',
          '200': '#f6d5bd',
          '300': '#e9ab8c',
          '400': '#df7c5d',
          '500': '#cc593b',
          '600': '#b13f27',
          '700': '#892f1e',
          '800': '#602016',
          '900': '#3c140d',
        },
        gold: {
          '50':  '#fbfaf6',
          '100': '#f9f0ca',
          '200': '#f2db95',
          '300': '#dfb560',
          '400': '#c68a37',
          '500': '#aa691d',
          '600': '#8c4f12',
          '700': '#6a3b10',
          '800': '#48280d',
          '900': '#2f190a',
        },
        lemon: {
          '50':  '#fbfaf4',
          '100': '#f8f0c3',
          '200': '#efde89',
          '300': '#d6bb55',
          '400': '#b2912e',
          '500': '#917217',
          '600': '#74580f',
          '700': '#59420e',
          '800': '#3c2d0c',
          '900': '#281b09',
        },
        green: {
          '50':  '#f4f7f4',
          '100': '#e3f0e8',
          '200': '#bee5cb',
          '300': '#86c99b',
          '400': '#41a76a',
          '500': '#2e8b43',
          '600': '#267430',
          '700': '#215827',
          '800': '#183c1f',
          '900': '#112517',
        },
        island: {
          '50':  '#f1f7f7',
          '100': '#d5f0f6',
          '200': '#a4e4eb',
          '300': '#6cc8d1',
          '400': '#31a8b0',
          '500': '#238a8e',
          '600': '#1f7273',
          '700': '#1c565a',
          '800': '#143b41',
          '900': '#0d242e',
        },
      },
      inset: {
        '13': '3.3rem',
      }
    }
  },
  variants: {
    extend: {
      backgroundColor: ["autofill", "active", "disabled"],
      textColor: ["autofill", "active", "disabled"],
      transitionDuration: ["active"],
      cursor: ["disabled"]
    }
  },
}