tailwind-retro-colors

Have you ever wished that you could use a modern utility CSS framework while simultaneously having your color palette constrained by hardware that's several decades old? tailwind-retro-colors has you covered.

tailwind-retro-colors replaces the default Tailwind color scheme with a limited set of colors based on retro hardware capabilities.

Installing

1. Install the NPM package:

   npm install --save tailwind-retro-colors

2. Replace the color palette in your Tailwind config with your desired palette:

   // tailwind.config.js
   const { nes } = require("tailwind-retro-colors");
   
   module.exports = {
     theme: {
       colors: nes,
     },
   };

3. Start using your retro colors!

   <div class="bg-blue-600 text-gray-100 text-center">Hello NES!</div>

   Hello NES!

Available palettes