tailwind.config.js

/** @type {import('tailwindcss').Config} */
export default {
  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
  theme: {
    colors: {
      sage: {
        50: "#f2f8f9",
        100: "#dfeeee",
        200: "#c2dedf",
        300: "#87bcbf",
        400: "#66a5aa",
        500: "#4b898f",
        600: "#417279",
        700: "#3a5e64",
        800: "#354f55",
        900: "#304449",
        950: "#1c2b30",
      },
      rust: {
        50: "#fcf5f0",
        100: "#f8e8dc",
        200: "#f0ceb8",
        300: "#e6ac8b",
        400: "#d97d54",
        500: "#d3653c",
        600: "#c54f31",
        700: "#a33d2b",
        800: "#833229",
        900: "#6a2c24",
        950: "#391411",
      },
      ice: {
        50: "#f6f8f9",
        100: "#f0f3f4",
        200: "#d6dfe1",
        300: "#b2c3c7",
        400: "#88a3a8",
        500: "#6a878d",
        600: "#546f75",
        700: "#455a5f",
        800: "#3c4c50",
        900: "#354145",
        950: "#232c2e",
      },
      onyx: {
        50: "#f7f8f8",
        100: "#ededf1",
        200: "#d8dadf",
        300: "#b6bac3",
        400: "#8e94a2",
        500: "#707787",
        600: "#5a606f",
        700: "#4a4e5a",
        800: "#3f424d",
        900: "#383a42",
        950: "#1b1c20",
      },
      drab: {
        50: "#f2f8f9",
        100: "#deebef",
        200: "#c0d8e1",
        300: "#95bccb",
        400: "#6298ae",
        500: "#477c93",
        600: "#3d667d",
        700: "#375567",
        800: "#324755",
        900: "#2e3e4b",
        950: "#1b2731",
      },
    },
    extend: {
      fontFamily: {
        Nunito: ["Nunito"],
      },
    },
  },
  plugins: [],
};