Tailwind Palette Generator

50

#f7f2fc

100

#dfccf4

200

#c7a6ec

300

#b080e5

400

#985add

500

#8034d5

600

#6b2bb2

700

#55228f

800

#40186b

900

#2a0f48

Light colors
Dark colors
// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        brand: {
          '50': '#f7f2fc',
          '100': '#dfccf4',
          '200': '#c7a6ec',
          '300': '#b080e5',
          '400': '#985add',
          '500': '#8034d5',
          '600': '#6b2bb2',
          '700': '#55228f',
          '800': '#40186b',
          '900': '#2a0f48',
        }
      }
    }
  }
}

© 2020 Rasmus Jürs, All rights reserved.