tailwind.config.js

/** @type {import('tailwindcss').Config} */
export default {
  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
  theme: {
    extend: {
      colors: {
        brown: "#AA8453",
        vista_blue: {
          DEFAULT: "#7d97ba",
          100: "#151e29",
          200: "#2b3c52",
          300: "#40597a",
          400: "#5677a3",
          500: "#7d97ba",
          600: "#97acc8",
          700: "#b1c1d6",
          800: "#cbd6e4",
          900: "#e5eaf1",
        },
        outer_space: {
          DEFAULT: "#364240",
          100: "#0b0d0d",
          200: "#161b1a",
          300: "#212827",
          400: "#2c3634",
          500: "#364240",
          600: "#5a6e6b",
          700: "#7f9692",
          800: "#aab9b7",
          900: "#d4dcdb",
        },
        dark_moss_green: {
          DEFAULT: "#64603a",
          100: "#14130c",
          200: "#282617",
          300: "#3c3a23",
          400: "#504d2e",
          500: "#64603a",
          600: "#918b53",
          700: "#b2ac79",
          800: "#ccc8a6",
          900: "#e5e3d2",
        },
        drab_dark_brown: {
          DEFAULT: "#48492a",
          100: "#0f0f09",
          200: "#1d1e11",
          300: "#2c2d1a",
          400: "#3b3c22",
          500: "#48492a",
          600: "#7b7c47",
          700: "#a7a969",
          800: "#c4c69b",
          900: "#e2e2cd",
        },
        periwinkle: {
          DEFAULT: "#bec8f9",
          100: "#071450",
          200: "#0f27a1",
          300: "#1d3fea",
          400: "#6d83f1",
          500: "#bec8f9",
          600: "#cbd3fa",
          700: "#d8defb",
          800: "#e5e9fd",
          900: "#f2f4fe",
        },
      },
    },
  },
  plugins: [],
};