tailwind.config.js

module.exports = {
  content: ['./src/**/*.{js,jsx,ts,tsx}'],
  theme: {
    extend: {
      colors: {
        primary: {
          50: '#f3f3f3',
          100: '#e8e8e8',
          200: '#c5c5c5',
          300: '#a3a3a3',
          400: '#5d5d5d',
          500: '#181818',
          600: '#161616',
          700: '#121212',
          800: '#0e0e0e',
          900: '#0c0c0c',
        },
        secondary: {
          50: '#faf9f7',
          100: '#f5f2ef',
          200: '#e6dfd8',
          300: '#d6ccc1',
          400: '#b8a592',
          500: '#997f63',
          600: '#8a7259',
          700: '#735f4a',
          800: '#5c4c3b',
          900: '#4b3e31',
        },
        tertiary: {
          50: '#f3f4f5',
          100: '#e7e9eb',
          200: '#c2c8cd',
          300: '#9da6ae',
          400: '#546472',
          500: '#0B2135',
          600: '#0a1e30',
          700: '#081928',
          800: '#071420',
          900: '#05101a',
        },
      },
    },
  },
  plugins: [],
};