ankcorn / tailwind-colors

The colors from tailwind in a js object

Tailwind Colors In JS

The colors in tailwind CSS are really nice and I always find myself copying them into my css in js projects so I have put them into a package so I can install it from npm and not copy paste. If you find it useful thats cool too.

Testing Github Actions

Getting started

To install

yarn add tailwind-colors

import colors from 'tailwind-colors';

console.log(colors.red[500]); // #ed8936

gray	Hex
100
200
300
400
500
600
700
800
900

red	Hex
100
200
300
400
500
600
700
800
900

orange	Hex
100
200
300
400
500
600
700
800
900

yellow	Hex
100
200
300
400
500
600
700
800
900

green	Hex
100
200
300
400
500
600
700
800
900

teal	Hex
100
200
300
400
500
600
700
800
900

blue	Hex
100
200
300
400
500
600
700
800
900

indigo	Hex
100
200
300
400
500
600
700
800
900

purple	Hex
100
200
300
400
500
600
700
800
900

pink	Hex
100
200
300
400
500
600
700
800
900

Misc	Hex
black
white

Acknowledgments

All credit goes to @steveschoger and @adamwathan who made tailwind css.

tailwind-colors's Issues

Add colors from Tailwind v3.2

Since v3.2 (or an earlier version, I have no clue), there are other color sets available (e.g. lime). It'd be nice to have this available.

Support new Tailwind colors

@Ankcorn do you plan to support new tailwind colors ? (slate, etc...)

https://tailwindcss.com/docs/customizing-colors