« Blog

Tailwind CSS Color Assets for XCode

Tailwind CSS is an extremely useful utility-first CSS framework for web applications. One of the many useful features of Tailwind is its comprehensive color palette, which includes 22 colors in 10 shades each (as of v3.2).

To use Tailwind CSS colors in our XCode project you may stumble upon the TailwindCSS-SwiftUI library by joemasilotti. However, at the time of writing it was last updated August 2020 and only supports 10 of the 22 colors.

Managing colors in your XCode Assets has several benfits, i.e. conveniently providing different shades for light- and dark mode. It is a pain however, too. You have to create a new color asset for each color and shade, and then manually set the color values. This is especially painful when you have to do it for 220 colors.

So, to safe you the time and effort, here they are - 220 color assets from Tailwind CSS v3.2. Download and extract the zip file, then copy the Colors folder into your XCode Assets (simple drag and drop).

Tailwind CSS XCode Color Assets (ZIP)

Here is how it should look like: