February 26, 2021
Tailwind 2.0 Color Changes
Tailwind 2.0 has introduced a massive new color pallete! It's so big that not all of the colors made it in to the defaults.
Each color now has an extra shade called "50" which in some cases is closer to the old "100" value than it is to the new "100".
However, orange and teal are now no longer included in the defaults. Presumably because each color results in a massive number of extra utility class variations.
To make it easier to see what's changed, I have included the Tailwind 1.0 colors alongside the new colors.
Tailwind 2.0 now has FIVE different grays to choose from. The default gray being
Tailwind 2.0 no longer includes orange in the default pallete, but there is still a refreshed orange pallete that you can pull in to your config.
In addition to refreshing the default yellow pallete, Tailwind 2.0 has added an amber pallete as well, which they like so much that they've mapped it as the default yellow
So many greens! The default green actually maps to
emerald, rather than
green, but you can change this in your config.
Tailwind 2.0 no longer includes teal in the default pallete, but there is still a refreshed teal pallete that you can pull in to your config.
The blue pallete has also exploded! While the default blue maps to
blue, I think the new
lightBlue looks a lot closer to the Tailwind 1.0 blues, if you happened to prefer that.
Steve and Adam love their purples! And as with the green pallete, the default purple does not map to
purple, but instead to