1.1.0 • Published 5 years ago

tailwind-colors v1.1.0

Weekly downloads
4
License
MIT
Repository
github
Last release
5 years ago

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.

Getting started

To install

yarn add tailwind-colors
import colors from 'tailwind-colors';

console.log(colors.red[500]); // #ed8936
grayHex
100#f7fafc
200#edf2f7
300#e2e8f0
400#cbd5e0
500#a0aec0
600#718096
700#4a5568
800#2d3748
900#1a202c
redHex
100#fff5f5
200#fed7d7
300#feb2b2
400#fc8181
500#f56565
600#e53e3e
700#c53030
800#9b2c2c
900#742a2a
orangeHex
100#fffaf0
200#feebc8
300#fbd38d
400#f6ad55
500#ed8936
600#dd6b20
700#c05621
800#9c4221
900#7b341e
yellowHex
100#fffff0
200#fefcbf
300#faf089
400#f6e05e
500#ecc94b
600#d69e2e
700#b7791f
800#975a16
900#744210
greenHex
100#f0fff4
200#c6f6d5
300#9ae6b4
400#68d391
500#48bb78
600#38a169
700#2f855a
800#276749
900#22543d
tealHex
100#e6fffa
200#b2f5ea
300#81e6d9
400#4fd1c5
500#38b2ac
600#319795
700#2c7a7b
800#285e61
900#234e52
blueHex
100#ebf8ff
200#bee3f8
300#90cdf4
400#63b3ed
500#4299e1
600#3182ce
700#2b6cb0
800#2c5282
900#2a4365
indigoHex
100#ebf4ff
200#c3dafe
300#a3bffa
400#7f9cf5
500#667eea
600#5a67d8
700#4c51bf
800#434190
900#3c366b
purpleHex
100#faf5ff
200#e9d8fd
300#d6bcfa
400#b794f4
500#9f7aea
600#805ad5
700#6b46c1
800#553c9a
900#44337a
pinkHex
100#fff5f7
200#fed7e2
300#fbb6ce
400#f687b3
500#ed64a6
600#d53f8c
700#b83280
800#97266d
900#702459
MiscHex
black#000
white#fff

Acknowledgments

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