@bobthered/tailwindcss-palette-generator

Quickly generate tailwindcss color palettes from a base color or colors.

Usage no npm install needed!

<script type="module">
  import bobtheredTailwindcssPaletteGenerator from 'https://cdn.skypack.dev/@bobthered/tailwindcss-palette-generator';
</script>

README

TailwindCSS - Palette Generator

Quickly generate tailwindcss color palettes from a base color or colors.

NPM
Key Features • Installation • Usage

Key Features

  • Generate color palette with as little as a hex value
  • Customize the palette shade names
  • Default color naming applied automatically or can be overwritten
  • Shade intensities can be overwritten for full control

Installation

npm i @bobthered/tailwindcss-palette-generator

Usage

// tailwind.config.js
const paletteGenerator = require('@bobthered/tailwindcss-palette-generator');

module.exports = {
  purge: [],
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {
      colors: paletteGenerator('#FF0040'),
    },
  },
  variants: {},
  plugins: [],
};