tailwindcss-colors-palette

A color palette plugin for Tailwind CSS 4, providing easy-to-use color palettes for your projects.

Installation

npm install tailwindcss-colors-palette

Usage

import the plugin in your main css file(e.g index.css). You can import the color palette you want as needed, or you can import all the color palettes.

@import "tailwindcss";
/* import universal color palette */
@import "tailwindcss-colors-palette/colors/universal.css";

/* or fully import */
/* @import "tailwindcss-colors-palette"; */

export default function App() {
  return (
    <div className="text-uni-gray-6">tailwindcss-colors-palette</div>
  )
}

Palettes

Universal

Ant Design

Chakra